Grayscale Color Scheme for Flutter

Grayscale UI for light theme      Grayscale UI for dark theme

Features

  • Generate a grayscale ColorScheme
  • Convert Color and ColorScheme to grayscale

Getting started

flutter pub add grayscale

Usage

The mothod GrayColorScheme.highContrastGray(Brightness) returns a grayscale color sheme.

class GrayscaleApp extends StatelessWidget {
  const GrayscaleApp({super.key});

  @override
  Widget build(BuildContext context) {
    return Consumer<GrayscaleModel>(builder: (context, isGray, child) {
      return MaterialApp(
        title: 'Grayscale Demo',
        theme: ThemeData(
          brightness: Brightness.light,
          colorScheme: GrayColorScheme.highContrastGray(Brightness.light),
        ),
        darkTheme: ThemeData(
          brightness: Brightness.dark,
          colorScheme: GrayColorScheme.highContrastGray(Brightness.dark),
        ),
        themeMode: ThemeMode.system,
        home: const HomePage(title: 'Grayscale Demo'),
      );
    });
  }
}
const like = 'sample';

Libraries

grayscale
A library that provides grayscale utilities for ColorScheme and Color.