PotatoMessenger/client/lib/theme.dart

import "package:flutter/material.dart";

class MaterialTheme {
  final TextTheme textTheme;

  const MaterialTheme(this.textTheme);

  static ColorScheme lightScheme() {
    return const ColorScheme(
      brightness: Brightness.light,
      primary: Color(0xff705289),
      surfaceTint: Color(0xff705289),
      onPrimary: Color(0xffffffff),
      primaryContainer: Color(0xfff1daff),
      onPrimaryContainer: Color(0xff573a70),
      secondary: Color(0xff665a6f),
      onSecondary: Color(0xffffffff),
      secondaryContainer: Color(0xffeeddf6),
      onSecondaryContainer: Color(0xff4e4256),
      tertiary: Color(0xff805156),
      onTertiary: Color(0xffffffff),
      tertiaryContainer: Color(0xffffdadc),
      onTertiaryContainer: Color(0xff663a3f),
      error: Color(0xffba1a1a),
      onError: Color(0xffffffff),
      errorContainer: Color(0xffffdad6),
      onErrorContainer: Color(0xff93000a),
      surface: Color(0xfffff7fd),
      onSurface: Color(0xff1e1a20),
      onSurfaceVariant: Color(0xff4b454d),
      outline: Color(0xff7c757e),
      outlineVariant: Color(0xffcdc4ce),
      shadow: Color(0xff000000),
      scrim: Color(0xff000000),
      inverseSurface: Color(0xff332f35),
      inversePrimary: Color(0xffddb9f8),
      primaryFixed: Color(0xfff1daff),
      onPrimaryFixed: Color(0xff290c41),
      primaryFixedDim: Color(0xffddb9f8),
      onPrimaryFixedVariant: Color(0xff573a70),
      secondaryFixed: Color(0xffeeddf6),
      onSecondaryFixed: Color(0xff211829),
      secondaryFixedDim: Color(0xffd1c1d9),
      onSecondaryFixedVariant: Color(0xff4e4256),
      tertiaryFixed: Color(0xffffdadc),
      onTertiaryFixed: Color(0xff321015),
      tertiaryFixedDim: Color(0xfff3b7bc),
      onTertiaryFixedVariant: Color(0xff663a3f),
      surfaceDim: Color(0xffe0d8df),
      surfaceBright: Color(0xfffff7fd),
      surfaceContainerLowest: Color(0xffffffff),
      surfaceContainerLow: Color(0xfffaf1f9),
      surfaceContainer: Color(0xfff4ebf3),
      surfaceContainerHigh: Color(0xffeee6ed),
      surfaceContainerHighest: Color(0xffe8e0e8),
    );
  }

  ThemeData light() {
    return theme(lightScheme());
  }

  static ColorScheme lightMediumContrastScheme() {
    return const ColorScheme(
      brightness: Brightness.light,
      primary: Color(0xff46295e),
      surfaceTint: Color(0xff705289),
      onPrimary: Color(0xffffffff),
      primaryContainer: Color(0xff7f6099),
      onPrimaryContainer: Color(0xffffffff),
      secondary: Color(0xff3d3245),
      onSecondary: Color(0xffffffff),
      secondaryContainer: Color(0xff75687e),
      onSecondaryContainer: Color(0xffffffff),
      tertiary: Color(0xff522a2f),
      onTertiary: Color(0xffffffff),
      tertiaryContainer: Color(0xff916064),
      onTertiaryContainer: Color(0xffffffff),
      error: Color(0xff740006),
      onError: Color(0xffffffff),
      errorContainer: Color(0xffcf2c27),
      onErrorContainer: Color(0xffffffff),
      surface: Color(0xfffff7fd),
      onSurface: Color(0xff131015),
      onSurfaceVariant: Color(0xff3a343d),
      outline: Color(0xff575059),
      outlineVariant: Color(0xff726b74),
      shadow: Color(0xff000000),
      scrim: Color(0xff000000),
      inverseSurface: Color(0xff332f35),
      inversePrimary: Color(0xffddb9f8),
      primaryFixed: Color(0xff7f6099),
      onPrimaryFixed: Color(0xffffffff),
      primaryFixedDim: Color(0xff66487f),
      onPrimaryFixedVariant: Color(0xffffffff),
      secondaryFixed: Color(0xff75687e),
      onSecondaryFixed: Color(0xffffffff),
      secondaryFixedDim: Color(0xff5c5065),
      onSecondaryFixedVariant: Color(0xffffffff),
      tertiaryFixed: Color(0xff916064),
      onTertiaryFixed: Color(0xffffffff),
      tertiaryFixedDim: Color(0xff76484d),
      onTertiaryFixedVariant: Color(0xffffffff),
      surfaceDim: Color(0xffccc4cc),
      surfaceBright: Color(0xfffff7fd),
      surfaceContainerLowest: Color(0xffffffff),
      surfaceContainerLow: Color(0xfffaf1f9),
      surfaceContainer: Color(0xffeee6ed),
      surfaceContainerHigh: Color(0xffe2dae2),
      surfaceContainerHighest: Color(0xffd7cfd7),
    );
  }

  ThemeData lightMediumContrast() {
    return theme(lightMediumContrastScheme());
  }

  static ColorScheme lightHighContrastScheme() {
    return const ColorScheme(
      brightness: Brightness.light,
      primary: Color(0xff3b1f53),
      surfaceTint: Color(0xff705289),
      onPrimary: Color(0xffffffff),
      primaryContainer: Color(0xff5a3d72),
      onPrimaryContainer: Color(0xffffffff),
      secondary: Color(0xff32283a),
      onSecondary: Color(0xffffffff),
      secondaryContainer: Color(0xff504559),
      onSecondaryContainer: Color(0xffffffff),
      tertiary: Color(0xff462125),
      onTertiary: Color(0xffffffff),
      tertiaryContainer: Color(0xff683d41),
      onTertiaryContainer: Color(0xffffffff),
      error: Color(0xff600004),
      onError: Color(0xffffffff),
      errorContainer: Color(0xff98000a),
      onErrorContainer: Color(0xffffffff),
      surface: Color(0xfffff7fd),
      onSurface: Color(0xff000000),
      onSurfaceVariant: Color(0xff000000),
      outline: Color(0xff2f2a32),
      outlineVariant: Color(0xff4d4750),
      shadow: Color(0xff000000),
      scrim: Color(0xff000000),
      inverseSurface: Color(0xff332f35),
      inversePrimary: Color(0xffddb9f8),
      primaryFixed: Color(0xff5a3d72),
      onPrimaryFixed: Color(0xffffffff),
      primaryFixedDim: Color(0xff42265a),
      onPrimaryFixedVariant: Color(0xffffffff),
      secondaryFixed: Color(0xff504559),
      onSecondaryFixed: Color(0xffffffff),
      secondaryFixedDim: Color(0xff392f41),
      onSecondaryFixedVariant: Color(0xffffffff),
      tertiaryFixed: Color(0xff683d41),
      onTertiaryFixed: Color(0xffffffff),
      tertiaryFixedDim: Color(0xff4e272c),
      onTertiaryFixedVariant: Color(0xffffffff),
      surfaceDim: Color(0xffbeb6be),
      surfaceBright: Color(0xfffff7fd),
      surfaceContainerLowest: Color(0xffffffff),
      surfaceContainerLow: Color(0xfff7eef6),
      surfaceContainer: Color(0xffe8e0e8),
      surfaceContainerHigh: Color(0xffdad2da),
      surfaceContainerHighest: Color(0xffccc4cc),
    );
  }

  ThemeData lightHighContrast() {
    return theme(lightHighContrastScheme());
  }

  static ColorScheme darkScheme() {
    return const ColorScheme(
      brightness: Brightness.dark,
      primary: Color(0xffddb9f8),
      surfaceTint: Color(0xffddb9f8),
      onPrimary: Color(0xff3f2358),
      primaryContainer: Color(0xff573a70),
      onPrimaryContainer: Color(0xfff1daff),
      secondary: Color(0xffd1c1d9),
      onSecondary: Color(0xff372c3f),
      secondaryContainer: Color(0xff4e4256),
      onSecondaryContainer: Color(0xffeeddf6),
      tertiary: Color(0xfff3b7bc),
      onTertiary: Color(0xff4c2529),
      tertiaryContainer: Color(0xff663a3f),
      onTertiaryContainer: Color(0xffffdadc),
      error: Color(0xffffb4ab),
      onError: Color(0xff690005),
      errorContainer: Color(0xff93000a),
      onErrorContainer: Color(0xffffdad6),
      surface: Color(0xff151217),
      onSurface: Color(0xffe8e0e8),
      onSurfaceVariant: Color(0xffcdc4ce),
      outline: Color(0xff968e98),
      outlineVariant: Color(0xff4b454d),
      shadow: Color(0xff000000),
      scrim: Color(0xff000000),
      inverseSurface: Color(0xffe8e0e8),
      inversePrimary: Color(0xff705289),
      primaryFixed: Color(0xfff1daff),
      onPrimaryFixed: Color(0xff290c41),
      primaryFixedDim: Color(0xffddb9f8),
      onPrimaryFixedVariant: Color(0xff573a70),
      secondaryFixed: Color(0xffeeddf6),
      onSecondaryFixed: Color(0xff211829),
      secondaryFixedDim: Color(0xffd1c1d9),
      onSecondaryFixedVariant: Color(0xff4e4256),
      tertiaryFixed: Color(0xffffdadc),
      onTertiaryFixed: Color(0xff321015),
      tertiaryFixedDim: Color(0xfff3b7bc),
      onTertiaryFixedVariant: Color(0xff663a3f),
      surfaceDim: Color(0xff151217),
      surfaceBright: Color(0xff3c383e),
      surfaceContainerLowest: Color(0xff100d12),
      surfaceContainerLow: Color(0xff1e1a20),
      surfaceContainer: Color(0xff221e24),
      surfaceContainerHigh: Color(0xff2c292e),
      surfaceContainerHighest: Color(0xff373339),
    );
  }

  ThemeData dark() {
    return theme(darkScheme());
  }

  static ColorScheme darkMediumContrastScheme() {
    return const ColorScheme(
      brightness: Brightness.dark,
      primary: Color(0xffedd3ff),
      surfaceTint: Color(0xffddb9f8),
      onPrimary: Color(0xff34184c),
      primaryContainer: Color(0xffa584bf),
      onPrimaryContainer: Color(0xff000000),
      secondary: Color(0xffe7d7ef),
      onSecondary: Color(0xff2c2234),
      secondaryContainer: Color(0xff9a8ca2),
      onSecondaryContainer: Color(0xff000000),
      tertiary: Color(0xffffd1d4),
      onTertiary: Color(0xff3f1a1f),
      tertiaryContainer: Color(0xffb98387),
      onTertiaryContainer: Color(0xff000000),
      error: Color(0xffffd2cc),
      onError: Color(0xff540003),
      errorContainer: Color(0xffff5449),
      onErrorContainer: Color(0xff000000),
      surface: Color(0xff151217),
      onSurface: Color(0xffffffff),
      onSurfaceVariant: Color(0xffe3d9e4),
      outline: Color(0xffb8afba),
      outlineVariant: Color(0xff968e98),
      shadow: Color(0xff000000),
      scrim: Color(0xff000000),
      inverseSurface: Color(0xffe8e0e8),
      inversePrimary: Color(0xff583b71),
      primaryFixed: Color(0xfff1daff),
      onPrimaryFixed: Color(0xff1e0136),
      primaryFixedDim: Color(0xffddb9f8),
      onPrimaryFixedVariant: Color(0xff46295e),
      secondaryFixed: Color(0xffeeddf6),
      onSecondaryFixed: Color(0xff160d1e),
      secondaryFixedDim: Color(0xffd1c1d9),
      onSecondaryFixedVariant: Color(0xff3d3245),
      tertiaryFixed: Color(0xffffdadc),
      onTertiaryFixed: Color(0xff25060b),
      tertiaryFixedDim: Color(0xfff3b7bc),
      onTertiaryFixedVariant: Color(0xff522a2f),
      surfaceDim: Color(0xff151217),
      surfaceBright: Color(0xff474349),
      surfaceContainerLowest: Color(0xff09060b),
      surfaceContainerLow: Color(0xff201c22),
      surfaceContainer: Color(0xff2a262c),
      surfaceContainerHigh: Color(0xff353137),
      surfaceContainerHighest: Color(0xff413c42),
    );
  }

  ThemeData darkMediumContrast() {
    return theme(darkMediumContrastScheme());
  }

  static ColorScheme darkHighContrastScheme() {
    return const ColorScheme(
      brightness: Brightness.dark,
      primary: Color(0xfffaebff),
      surfaceTint: Color(0xffddb9f8),
      onPrimary: Color(0xff000000),
      primaryContainer: Color(0xffd9b5f4),
      onPrimaryContainer: Color(0xff16002a),
      secondary: Color(0xfffaebff),
      onSecondary: Color(0xff000000),
      secondaryContainer: Color(0xffcdbdd5),
      onSecondaryContainer: Color(0xff100718),
      tertiary: Color(0xffffebec),
      onTertiary: Color(0xff000000),
      tertiaryContainer: Color(0xffefb3b8),
      onTertiaryContainer: Color(0xff1e0306),
      error: Color(0xffffece9),
      onError: Color(0xff000000),
      errorContainer: Color(0xffffaea4),
      onErrorContainer: Color(0xff220001),
      surface: Color(0xff151217),
      onSurface: Color(0xffffffff),
      onSurfaceVariant: Color(0xffffffff),
      outline: Color(0xfff7edf8),
      outlineVariant: Color(0xffc9c0ca),
      shadow: Color(0xff000000),
      scrim: Color(0xff000000),
      inverseSurface: Color(0xffe8e0e8),
      inversePrimary: Color(0xff583b71),
      primaryFixed: Color(0xfff1daff),
      onPrimaryFixed: Color(0xff000000),
      primaryFixedDim: Color(0xffddb9f8),
      onPrimaryFixedVariant: Color(0xff1e0136),
      secondaryFixed: Color(0xffeeddf6),
      onSecondaryFixed: Color(0xff000000),
      secondaryFixedDim: Color(0xffd1c1d9),
      onSecondaryFixedVariant: Color(0xff160d1e),
      tertiaryFixed: Color(0xffffdadc),
      onTertiaryFixed: Color(0xff000000),
      tertiaryFixedDim: Color(0xfff3b7bc),
      onTertiaryFixedVariant: Color(0xff25060b),
      surfaceDim: Color(0xff151217),
      surfaceBright: Color(0xff534e55),
      surfaceContainerLowest: Color(0xff000000),
      surfaceContainerLow: Color(0xff221e24),
      surfaceContainer: Color(0xff332f35),
      surfaceContainerHigh: Color(0xff3e3a40),
      surfaceContainerHighest: Color(0xff4a454b),
    );
  }

  ThemeData darkHighContrast() {
    return theme(darkHighContrastScheme());
  }


  ThemeData theme(ColorScheme colorScheme) => ThemeData(
     useMaterial3: true,
     brightness: colorScheme.brightness,
     colorScheme: colorScheme,
     textTheme: textTheme.apply(
       bodyColor: colorScheme.onSurface,
       displayColor: colorScheme.onSurface,
     ),
     scaffoldBackgroundColor: colorScheme.background,
     canvasColor: colorScheme.surface,
  );

  /// Confirm
  static const confirm = ExtendedColor(
    seed: Color(0xff5c7914),
    value: Color(0xff5c7914),
    light: ColorFamily(
      color: Color(0xff526526),
      onColor: Color(0xffffffff),
      colorContainer: Color(0xffd4ec9d),
      onColorContainer: Color(0xff3b4d10),
    ),
    lightMediumContrast: ColorFamily(
      color: Color(0xff526526),
      onColor: Color(0xffffffff),
      colorContainer: Color(0xffd4ec9d),
      onColorContainer: Color(0xff3b4d10),
    ),
    lightHighContrast: ColorFamily(
      color: Color(0xff526526),
      onColor: Color(0xffffffff),
      colorContainer: Color(0xffd4ec9d),
      onColorContainer: Color(0xff3b4d10),
    ),
    dark: ColorFamily(
      color: Color(0xffb8cf84),
      onColor: Color(0xff263500),
      colorContainer: Color(0xff3b4d10),
      onColorContainer: Color(0xffd4ec9d),
    ),
    darkMediumContrast: ColorFamily(
      color: Color(0xffb8cf84),
      onColor: Color(0xff263500),
      colorContainer: Color(0xff3b4d10),
      onColorContainer: Color(0xffd4ec9d),
    ),
    darkHighContrast: ColorFamily(
      color: Color(0xffb8cf84),
      onColor: Color(0xff263500),
      colorContainer: Color(0xff3b4d10),
      onColorContainer: Color(0xffd4ec9d),
    ),
  );


  List<ExtendedColor> get extendedColors => [
    confirm,
  ];
}

class ExtendedColor {
  final Color seed, value;
  final ColorFamily light;
  final ColorFamily lightHighContrast;
  final ColorFamily lightMediumContrast;
  final ColorFamily dark;
  final ColorFamily darkHighContrast;
  final ColorFamily darkMediumContrast;

  const ExtendedColor({
    required this.seed,
    required this.value,
    required this.light,
    required this.lightHighContrast,
    required this.lightMediumContrast,
    required this.dark,
    required this.darkHighContrast,
    required this.darkMediumContrast,
  });
}

class ColorFamily {
  const ColorFamily({
    required this.color,
    required this.onColor,
    required this.colorContainer,
    required this.onColorContainer,
  });

  final Color color;
  final Color onColor;
  final Color colorContainer;
  final Color onColorContainer;
}