Skip to content
Snippets Groups Projects
Select Git revision
  • 2921cc1c3efd546d71f9a22b3306d1ec2fb53c87
  • master default protected
  • 94-upgrade-framework-and-dependencies
  • 77-improve-app-metadata
  • 68-add-words
  • 62-fix-get-image-when-word-with-accent
  • 44-implement-game-write-word-from-letters
  • 43-add-script-to-get-images-from-assets
  • 32-add-accents-and-diacritics-in-french-words-2
  • Release_0.10.0_80 protected
  • Release_0.9.2_79 protected
  • Release_0.9.1_78 protected
  • Release_0.9.0_77 protected
  • Release_0.8.0_76 protected
  • Release_0.7.0_75 protected
  • Release_0.6.0_74 protected
  • Release_0.5.2_73 protected
  • Release_0.5.1_72 protected
  • Release_0.5.0_71 protected
  • Release_0.4.1_70 protected
  • Release_0.4.0_69 protected
  • Release_0.3.1_68 protected
  • Release_0.3.0_67 protected
  • Release_0.2.1_66 protected
  • Release_0.2.0_65 protected
  • Release_0.1.40_64 protected
  • Release_0.1.39_63 protected
  • Release_0.1.38_62 protected
  • Release_0.1.37_61 protected
29 results

theme.dart

Blame
  • theme.dart 4.95 KiB
    import 'package:flutter/material.dart';
    
    /// Colors from Tailwind CSS (v3.0) - June 2022
    ///
    /// https://tailwindcss.com/docs/customizing-colors
    
    const int _primaryColor = 0xFF6366F1;
    const MaterialColor primarySwatch = MaterialColor(_primaryColor, <int, Color>{
      50: Color(0xFFEEF2FF), // indigo-50
      100: Color(0xFFE0E7FF), // indigo-100
      200: Color(0xFFC7D2FE), // indigo-200
      300: Color(0xFFA5B4FC), // indigo-300
      400: Color(0xFF818CF8), // indigo-400
      500: Color(_primaryColor), // indigo-500
      600: Color(0xFF4F46E5), // indigo-600
      700: Color(0xFF4338CA), // indigo-700
      800: Color(0xFF3730A3), // indigo-800
      900: Color(0xFF312E81), // indigo-900
    });
    
    const int _textColor = 0xFF64748B;
    const MaterialColor textSwatch = MaterialColor(_textColor, <int, Color>{
      50: Color(0xFFF8FAFC), // slate-50
      100: Color(0xFFF1F5F9), // slate-100
      200: Color(0xFFE2E8F0), // slate-200
      300: Color(0xFFCBD5E1), // slate-300
      400: Color(0xFF94A3B8), // slate-400
      500: Color(_textColor), // slate-500
      600: Color(0xFF475569), // slate-600
      700: Color(0xFF334155), // slate-700
      800: Color(0xFF1E293B), // slate-800
      900: Color(0xFF0F172A), // slate-900
    });
    
    const Color errorColor = Color(0xFFDC2626); // red-600
    
    final ColorScheme lightColorScheme = ColorScheme.light(
      primary: primarySwatch.shade500,
      secondary: primarySwatch.shade500,
      onSecondary: Colors.white,
      error: errorColor,
      onSurface: textSwatch.shade500,
      surface: textSwatch.shade50,
      surfaceContainerHighest: Colors.white,
      shadow: textSwatch.shade900.withOpacity(.1),
    );
    
    final ColorScheme darkColorScheme = ColorScheme.dark(
      primary: primarySwatch.shade500,
      secondary: primarySwatch.shade500,
      onSecondary: Colors.white,
      error: errorColor,
      onSurface: textSwatch.shade300,
      surface: const Color(0xFF262630),
      surfaceContainerHighest: const Color(0xFF282832),
      shadow: textSwatch.shade900.withOpacity(.2),
    );
    
    final ThemeData lightTheme = ThemeData(
      colorScheme: lightColorScheme,
      fontFamily: 'Nunito',
      textTheme: TextTheme(
        displayLarge: TextStyle(
          color: textSwatch.shade700,
          fontFamily: 'Nunito',
        ),
        displayMedium: TextStyle(
          color: textSwatch.shade600,
          fontFamily: 'Nunito',
        ),