hwhub/lib/theme/app_colors.dart
Lukas Müllner 91f25e0cef feat(v1.1): complete UI overhaul with branded theme, garage, and image uploads
- 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
2026-02-24 07:46:06 +01:00

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,
);
}