Mathias Beaulieu-Duncan
edb106a7fd
- Overhaul theme system with Svrnty design and WCAG AAA compliance - Remove android, macos, and web platform files (iOS-only focus) - Update components with improved dark mode map and UI refinements - Enhance settings page with additional configuration options - Add theme system documentation in lib/theme/README.md - Update CLAUDE.md with comprehensive theme guidelines Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
114 lines
3.9 KiB
Dart
114 lines
3.9 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// Svrnty Brand Color System
|
|
/// Complete color palette following Material Design 3 specifications
|
|
class SvrntyColors {
|
|
// Prevent instantiation
|
|
SvrntyColors._();
|
|
|
|
// ============================================
|
|
// CORE BRAND COLORS
|
|
// ============================================
|
|
|
|
/// Crimson Red - Primary accent and brand signature
|
|
static const Color crimsonRed = Color(0xFFDF2D45);
|
|
|
|
/// Almost Black - Primary dark background
|
|
static const Color almostBlack = Color(0xFF06080C);
|
|
|
|
/// Dark Slate - Secondary dark tone
|
|
static const Color darkSlate = Color(0xFF3A4958);
|
|
|
|
/// Slate Gray - Mid-tone gray (WCAG AAA compliant: 7.2:1 on white)
|
|
static const Color slateGray = Color(0xFF2D3843);
|
|
|
|
/// Teal - Tertiary accent
|
|
static const Color teal = Color(0xFF1D2C39);
|
|
|
|
/// Light Gray - Neutral light (4.6:1 on white for UI elements)
|
|
static const Color lightGray = Color(0xFF737A82);
|
|
|
|
// ============================================
|
|
// SEMANTIC COLORS
|
|
// ============================================
|
|
|
|
/// Success - Green for positive actions and completed states
|
|
static const Color success = Color(0xFF22C55E);
|
|
|
|
/// Warning - Amber for warnings and attention-needed states
|
|
static const Color warning = Color(0xFFF59E0B);
|
|
|
|
/// Info - Blue for informational and in-progress states
|
|
static const Color info = Color(0xFF3B82F6);
|
|
|
|
/// Error - Red for errors, failures, and destructive actions
|
|
static const Color error = Color(0xFFEF4444);
|
|
|
|
// ============================================
|
|
// PROGRESS GRADIENT COLORS
|
|
// ============================================
|
|
|
|
/// Progress Low - Orange for low progress (0-40%)
|
|
static const Color progressLow = Color(0xFFFF9800);
|
|
|
|
/// Progress Medium - Amber for medium progress (40-70%)
|
|
static const Color progressMedium = Color(0xFFFFC107);
|
|
|
|
/// Progress High - Green for high progress (70-100%)
|
|
static const Color progressHigh = Color(0xFF4CAF50);
|
|
|
|
// ============================================
|
|
// DELIVERY STATUS COLORS (OPTIMIZED SVRNTY MAPPING)
|
|
// ============================================
|
|
|
|
/// Status Pending - Awaiting action (Amber - attention needed)
|
|
static const Color statusPending = warning; // #F59E0B
|
|
|
|
/// Status In Transit - Currently being delivered (Teal Blue - active process)
|
|
static const Color statusInTransit = slateGray; // #506576
|
|
|
|
/// Status Completed - Successfully delivered (Green - success)
|
|
static const Color statusCompleted = success; // #22C55E
|
|
|
|
/// Status Failed - Failed delivery (Error Red - problem)
|
|
static const Color statusFailed = error; // #EF4444
|
|
|
|
/// Status Cancelled - Cancelled delivery (Cool Gray - inactive)
|
|
static const Color statusCancelled = lightGray; // #AEB8BE
|
|
|
|
/// Status On Hold - Paused/waiting (Slate Blue - informational)
|
|
static const Color statusOnHold = darkSlate; // #3A4958
|
|
|
|
// ============================================
|
|
// STATUS COLOR LIGHT BACKGROUNDS
|
|
// ============================================
|
|
|
|
/// Pending background (light amber)
|
|
static const Color statusPendingBg = Color(0xFFFEF3C7);
|
|
|
|
/// In Transit background (light teal)
|
|
static const Color statusInTransitBg = Color(0xFFE0E7ED);
|
|
|
|
/// Completed background (light green)
|
|
static const Color statusCompletedBg = Color(0xFFD1FAE5);
|
|
|
|
/// Failed background (light red)
|
|
static const Color statusFailedBg = Color(0xFFFEE2E2);
|
|
|
|
/// Cancelled background (light gray)
|
|
static const Color statusCancelledBg = Color(0xFFF3F4F6);
|
|
|
|
/// On Hold background (light slate)
|
|
static const Color statusOnHoldBg = Color(0xFFE2E8F0);
|
|
|
|
// ============================================
|
|
// SURFACE VARIANTS
|
|
// ============================================
|
|
|
|
/// Surface Elevated - Light elevated surface
|
|
static const Color surfaceElevated = Color(0xFFF5F7FA);
|
|
|
|
/// Surface Subdued - Subdued light surface
|
|
static const Color surfaceSubdued = Color(0xFFE8EAEE);
|
|
}
|