Skip to content
Snippets Groups Projects
Select Git revision
  • 8522348a0b3592823bccd3327fc1521fddc1dc67
  • master default protected
  • 87-upgrade-framework-and-dependencies
  • 70-improve-app-metadata
  • Release_0.9.0_77 protected
  • Release_0.8.2_76 protected
  • Release_0.8.1_75 protected
  • Release_0.8.0_74 protected
  • Release_0.7.0_73 protected
  • Release_0.6.0_72 protected
  • Release_0.5.0_71 protected
  • Release_0.4.2_70 protected
  • Release_0.4.1_69 protected
  • Release_0.4.0_68 protected
  • Release_0.3.1_67 protected
  • Release_0.3.0_66 protected
  • Release_0.2.1_65 protected
  • Release_0.2.0_64 protected
  • Release_0.1.1_63 protected
  • Release_0.1.0_62 protected
  • Release_0.0.61_61 protected
  • Release_0.0.60_60 protected
  • Release_0.0.59_59 protected
  • Release_0.0.58_58 protected
24 results

home.dart

Blame
  • theme.dart 5.11 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,
      background: textSwatch.shade200,
      onBackground: textSwatch.shade500,
      onSurface: textSwatch.shade500,
      surface: textSwatch.shade50,
      surfaceVariant: Colors.white,
      shadow: textSwatch.shade900.withOpacity(.1),
    );
    
    final ColorScheme darkColorScheme = ColorScheme.dark(
      primary: primarySwatch.shade500,
      secondary: primarySwatch.shade500,
      onSecondary: Colors.white,
      error: errorColor,
      background: const Color(0xFF171724),
      onBackground: textSwatch.shade400,
      onSurface: textSwatch.shade300,
      surface: const Color(0xFF262630),
      surfaceVariant: 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',
        ),