- Custom Material 3 theme with Hot Wheels branding (orange/red gradient, navy accents) - Locally bundled Poppins font (Regular, Medium, SemiBold, Bold) - Redesigned login screen with full-bleed background image and frosted glass form - Bottom navigation shell: My Garage / Scan / Profile tabs - My Garage screen with grid view, search, stats, detail bottom sheet - Edit and delete car details from the detail sheet - Skip button for quick-add with minimal info - Camera photo upload to Supabase Storage (UUID-based unguessable paths) - Change/add photo from car detail view - Profile screen with change password, about dialog, sign out - Scan tab with camera scanner and manual entry - Styled scanner screen with crosshair overlay and gradient buttons - Custom app icon with transparent background and adaptive icon support - Native splash screen with brand colors - Auto-refresh garage on tab switch
47 lines
1.5 KiB
Dart
47 lines
1.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// Brand colours pulled from the HW Collector Hub email template.
|
|
class AppColors {
|
|
AppColors._();
|
|
|
|
// ── Primary gradient (header) ──
|
|
static const Color orange = Color(0xFFF9A11B);
|
|
static const Color red = Color(0xFFD40000);
|
|
|
|
// ── Accent / CTA ──
|
|
static const Color navy = Color(0xFF003D7A);
|
|
static const Color navyLight = Color(0xFF0A5BA8);
|
|
|
|
// ── Surfaces ──
|
|
static const Color backgroundLight = Color(0xFFF4F4F4);
|
|
static const Color cardLight = Color(0xFFFFFFFF);
|
|
static const Color footerGrey = Color(0xFFEEEEEE);
|
|
|
|
// ── Text ──
|
|
static const Color textPrimary = Color(0xFF333333);
|
|
static const Color textSecondary = Color(0xFF777777);
|
|
static const Color textHint = Color(0xFF999999);
|
|
|
|
// ── Dark mode surfaces ──
|
|
static const Color backgroundDark = Color(0xFF1A1A2E);
|
|
static const Color cardDark = Color(0xFF24243E);
|
|
static const Color surfaceDark = Color(0xFF2D2D48);
|
|
|
|
// ── Utility ──
|
|
static const Color success = Color(0xFF2ECC71);
|
|
static const Color error = Color(0xFFE74C3C);
|
|
|
|
/// The brand gradient used for headers, buttons, etc.
|
|
static const LinearGradient brandGradient = LinearGradient(
|
|
colors: [orange, red],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
);
|
|
|
|
/// A subtler version for cards / chips.
|
|
static const LinearGradient brandGradientSoft = LinearGradient(
|
|
colors: [Color(0xFFFFF3E0), Color(0xFFFFEBEE)],
|
|
begin: Alignment.topLeft,
|
|
end: Alignment.bottomRight,
|
|
);
|
|
}
|