68 lines
3 KiB
Dart
68 lines
3 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
// Legacy colors - kept for backward compatibility
|
|
const Color fires50 = Color(0xFFFBE9E7);
|
|
const Color fires100 = Color(0xFFFFCCBC);
|
|
const Color fires300 = Color(0xFFFF8A65);
|
|
const Color fires600 = Color(0xFFF4511E);
|
|
const Color fires900 = Color(0xFFBF360C);
|
|
const Color firesErrorRed = Color(0xFFDD2C00);
|
|
|
|
const Color firesSurfaceWhite = fires50;
|
|
const Color firesBackgroundWhite = Colors.white;
|
|
|
|
// ============================================================================
|
|
// Material 3 Color Palette - Modern Warm Theme (Production)
|
|
// ============================================================================
|
|
|
|
// Primary Color - Deep Orange (fire theme)
|
|
const Color m3Primary = Color(0xFFE65100); // Deep Orange 900
|
|
const Color m3OnPrimary = Color(0xFFFFFFFF); // White
|
|
const Color m3PrimaryContainer = Color(0xFFFFCC80); // Orange 200
|
|
const Color m3OnPrimaryContainer = Color(0xFF5D2700); // Deep Brown
|
|
|
|
// Secondary Color - Brown (earth tones)
|
|
const Color m3Secondary = Color(0xFF6D4C41); // Brown 600
|
|
const Color m3OnSecondary = Color(0xFFFFFFFF); // White
|
|
const Color m3SecondaryContainer = Color(0xFFD7CCC8); // Brown 50
|
|
const Color m3OnSecondaryContainer = Color(0xFF3E2723); // Deep Brown
|
|
|
|
// Tertiary Color - Teal (complementary accent)
|
|
const Color m3Tertiary = Color(0xFF00695C); // Teal 800
|
|
const Color m3OnTertiary = Color(0xFFFFFFFF); // White
|
|
const Color m3TertiaryContainer = Color(0xFFB2DFDB); // Teal 100
|
|
const Color m3OnTertiaryContainer = Color(0xFF004D40); // Deep Teal
|
|
|
|
// Error Colors
|
|
const Color m3Error = Color(0xFFDD2C00); // Red 800
|
|
const Color m3OnError = Color(0xFFFFFFFF); // White
|
|
const Color m3ErrorContainer = Color(0xFFFFCDD2); // Red 100
|
|
const Color m3OnErrorContainer = Color(0xFF5F2120); // Deep Red
|
|
|
|
// Surface & Background
|
|
const Color m3Surface = Color(0xFFFFFBFE); // Almost white
|
|
const Color m3OnSurface = Color(0xFF201A18); // Almost black
|
|
const Color m3SurfaceVariant = Color(0xFFF5DED6); // Light brown
|
|
const Color m3OnSurfaceVariant = Color(0xFF52443D); // Medium brown
|
|
|
|
const Color m3Background = Color(0xFFFFFBFE); // Almost white
|
|
const Color m3OnBackground = Color(0xFF201A18); // Almost black
|
|
|
|
// Outline & Borders
|
|
const Color m3Outline = Color(0xFF85736B); // Gray-brown
|
|
const Color m3OutlineVariant = Color(0xFFD7C2B9); // Light gray-brown
|
|
const Color m3Shadow = Color(0xFF000000); // Black
|
|
const Color m3Scrim = Color(0xFF000000); // Black
|
|
|
|
// ============================================================================
|
|
// Material 3 Development Theme Colors (Dev Theme)
|
|
// ============================================================================
|
|
|
|
// Dev Primary - Pink (easy to identify dev builds)
|
|
const Color m3DevPrimary = Color(0xFFC2185B); // Pink 700
|
|
const Color m3DevOnPrimary = Color(0xFFFFFFFF); // White
|
|
const Color m3DevPrimaryContainer = Color(0xFFF8BBD0); // Pink 100
|
|
const Color m3DevOnPrimaryContainer = Color(0xFF7B0043); // Deep Pink
|
|
|
|
// Dev theme uses same secondary, tertiary, and neutral colors as production
|
|
// Only primary is different for visual distinction
|