Skip to main content

Colors

Dans cet article, nous allons decouvrir comment les couleurs son conçu.

Liste des Couleurs​

  colorScheme: const ColorScheme(
      brightness: Brightness.light,
      // Primary Colors
      primary: Color(0xFF244EE0),
      onPrimary: Color(0xFFF3F4F9),
      primaryContainer: Color(0xFF202549),
      onPrimaryContainer: Color(0xFFF3F4F9),
      // Secondary Colors
      secondary: Color(0xFF202549),
      onSecondary: Colors.transparent,
      secondaryContainer: Color(0xFF202549),
      onSecondaryContainer: Color(0xFF1C2028),
      // Tertiary Colors
      tertiary: Color(0xFF202549),
      onTertiary: Color(0xFFA5A9C3),
      tertiaryContainer: Color(0xFF202549),
      onTertiaryContainer: Color(0xFF1C2028),
      // Neutral Colors
      background: Color(0xFFFFFFFF),
      onBackground: Color(0xFF080927),
      surface: Color(0xFFE9EBF3),
      onSurface: Color(0xFF080927),
      // Error Colors
      error: Color(0xFFFF5247),
      onError: Color(0xFFFFE5E5),
      errorContainer: Color(0xFFFF9898),
      onErrorContainer: Color(0xFFFFE5E5),
      // Other Colors
      surfaceVariant: Color(0xFF2E345E),
      onSurfaceVariant: Colors.white,
      outline: Color(0xFF9fb1fa),
      shadow: Color(0xFF080927),
      inverseSurface: Color(0xFF080927),
      onInverseSurface: Colors.white,
    ),

Utilisation des Couleurs​

Les couleurs s'utilise de cette facons :

  Theme.of(context).colorScheme.yourcolor

Pour voir la liste des couleur leur et leur nom, voici le lien vers Material 3