Created
December 6, 2023 17:01
-
-
Save 7ANV1R/ab67bc110d1eac86b743ec5ff830786e to your computer and use it in GitHub Desktop.
Flutter app theme seed color
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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