Skip to content

Instantly share code, notes, and snippets.

@7ANV1R
Created December 6, 2023 17:01
Show Gist options
  • Save 7ANV1R/ab67bc110d1eac86b743ec5ff830786e to your computer and use it in GitHub Desktop.
Save 7ANV1R/ab67bc110d1eac86b743ec5ff830786e to your computer and use it in GitHub Desktop.
Flutter app theme seed color
import 'package:flutter/material.dart';
class AppCustomTheme {
static ThemeData lightTheme = ThemeData(
colorScheme: ColorScheme.fromSeed(
brightness: Brightness.light,
seedColor: LightColorPallete.seedColor,
primary: LightColorPallete.primary,
onPrimary: LightColorPallete.onPrimary,
primaryContainer: LightColorPallete.primaryContainer,
onPrimaryContainer: LightColorPallete.onPrimaryContainer,
secondary: LightColorPallete.secondary,
onSecondary: LightColorPallete.onSecondary,
secondaryContainer: LightColorPallete.secondaryContainer,
onSecondaryContainer: LightColorPallete.onSecondaryContainer,
tertiary: LightColorPallete.tertiary,
onTertiary: LightColorPallete.onTertiary,
tertiaryContainer: LightColorPallete.tertiaryContainer,
onTertiaryContainer: LightColorPallete.onTertiaryContainer,
error: LightColorPallete.error,
onError: LightColorPallete.onError,
errorContainer: LightColorPallete.errorContainer,
onErrorContainer: LightColorPallete.onErrorContainer,
background: LightColorPallete.background,
onBackground: LightColorPallete.onBackground,
surface: LightColorPallete.surface,
onSurface: LightColorPallete.onSurface,
surfaceVariant: LightColorPallete.surfaceVariant,
onSurfaceVariant: LightColorPallete.onSurfaceVariant,
outline: LightColorPallete.outline,
shadow: LightColorPallete.shadow,
inverseSurface: LightColorPallete.inverseSurface,
onInverseSurface: LightColorPallete.onInverseSurface,
inversePrimary: LightColorPallete.inversePrimary,
),
);
}
class LightColorPallete {
static const Color seedColor = Color(0xFF4CAF50);
// primary
static const Color primary = Color(0xff006e1c);
static const Color onPrimary = Color(0xffffffff);
static const Color primaryContainer = Color(0xffb6f2af);
static const Color onPrimaryContainer = Color(0xff002204);
// secondary
static const Color secondary = Color(0xff52634f);
static const Color onSecondary = Color(0xffffffff);
static const Color secondaryContainer = Color(0xffd5e8cf);
static const Color onSecondaryContainer = Color(0xff111f0f);
// tertiary
static const Color tertiary = Color(0xff38656a);
static const Color onTertiary = Color(0xffffffff);
static const Color tertiaryContainer = Color(0xffbcebf0);
static const Color onTertiaryContainer = Color(0xff002023);
// error
static const Color error = Color(0xffba1a1a);
static const Color onError = Color(0xffffffff);
static const Color errorContainer = Color(0xffffdad6);
static const Color onErrorContainer = Color(0xff410002);
// neutral color
static const Color background = Color(0xfffcfdf6);
static const Color onBackground = Color(0xff1a1c19);
static const Color surface = Color(0xfffcfdf6);
static const Color onSurface = Color(0xff1a1c19);
// nuetral variant
static const Color surfaceVariant = Color(0xffdee5d8);
static const Color onSurfaceVariant = Color(0xff424940);
static const Color outline = Color(0xff72796f);
static const Color shadow = Color(0xff000000);
// inverse
static const Color inverseSurface = Color(0xff2f312d);
static const Color onInverseSurface = Color(0xfff0f1eb);
static const Color inversePrimary = Color(0xff78dc77);
}
class DarkColorPallette {
// primary
static const Color seedColor = Color(0xFF4CAF50);
static const Color primary = Color(0xff006e1c);
static const Color onPrimary = Color(0xffffffff);
//__________________________________________
static const Color primaryContainer = Color(0xff006e1c);
static const Color onPrimaryContainer = Color(0xff006e1c);
// secondary
static const Color secondary = Color(0xff006e1c);
static const Color onSecondary = Color(0xff006e1c);
static const Color secondaryContainer = Color(0xff006e1c);
static const Color onSecondaryContainer = Color(0xff006e1c);
// tertiary
static const Color tertiary = Color(0xff006e1c);
static const Color onTertiary = Color(0xff006e1c);
static const Color tertiaryContainer = Color(0xff006e1c);
static const Color onTertiaryContainer = Color(0xff006e1c);
// error
static const Color error = Color(0xff006e1c);
static const Color onError = Color(0xff006e1c);
static const Color errorContainer = Color(0xff006e1c);
static const Color onErrorContainer = Color(0xff006e1c);
// neutral color
static const Color background = Color(0xff006e1c);
static const Color onBackground = Color(0xff006e1c);
static const Color surface = Color(0xff006e1c);
static const Color onSurface = Color(0xff006e1c);
// nuetral variant
static const Color surfaceVariant = Color(0xff006e1c);
static const Color onSurfaceVariant = Color(0xff006e1c);
static const Color outline = Color(0xff006e1c);
static const Color shadow = Color(0xff006e1c);
// inverse
static const Color inverseSurface = Color(0xff006e1c);
static const Color onInverseSurface = Color(0xff006e1c);
static const Color inversePrimary = Color(0xff006e1c);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment