style(branding): align app color system with car64.app palette
- Map brand tokens to website colors (neon #0ea5e9, dark #0f172a) - Update gradients and neutral text/surface shades for visual consistency - Keep existing token names for compatibility while changing underlying values
This commit is contained in:
parent
d8dbc2573a
commit
1240b22f29
2 changed files with 16 additions and 16 deletions
|
|
@ -1,31 +1,31 @@
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
/// Brand colours pulled from the HW Collector Hub email template.
|
/// Brand colours aligned with https://www.car64.app.
|
||||||
class AppColors {
|
class AppColors {
|
||||||
AppColors._();
|
AppColors._();
|
||||||
|
|
||||||
// ── Primary gradient (header) ──
|
// ── Brand (website) ──
|
||||||
static const Color orange = Color(0xFFF9A11B);
|
static const Color orange = Color(0xFF0EA5E9); // keep name for compatibility
|
||||||
static const Color red = Color(0xFFD40000);
|
static const Color red = Color(0xFF38BDF8); // secondary neon tint
|
||||||
|
|
||||||
// ── Accent / CTA ──
|
// ── Accent / CTA ──
|
||||||
static const Color navy = Color(0xFF003D7A);
|
static const Color navy = Color(0xFF0F172A);
|
||||||
static const Color navyLight = Color(0xFF0A5BA8);
|
static const Color navyLight = Color(0xFF1E293B);
|
||||||
|
|
||||||
// ── Surfaces ──
|
// ── Surfaces ──
|
||||||
static const Color backgroundLight = Color(0xFFF4F4F4);
|
static const Color backgroundLight = Color(0xFFF8FAFC);
|
||||||
static const Color cardLight = Color(0xFFFFFFFF);
|
static const Color cardLight = Color(0xFFFFFFFF);
|
||||||
static const Color footerGrey = Color(0xFFEEEEEE);
|
static const Color footerGrey = Color(0xFFE2E8F0);
|
||||||
|
|
||||||
// ── Text ──
|
// ── Text ──
|
||||||
static const Color textPrimary = Color(0xFF333333);
|
static const Color textPrimary = Color(0xFF0F172A);
|
||||||
static const Color textSecondary = Color(0xFF777777);
|
static const Color textSecondary = Color(0xFF475569);
|
||||||
static const Color textHint = Color(0xFF999999);
|
static const Color textHint = Color(0xFF64748B);
|
||||||
|
|
||||||
// ── Dark mode surfaces ──
|
// ── Dark mode surfaces ──
|
||||||
static const Color backgroundDark = Color(0xFF1A1A2E);
|
static const Color backgroundDark = Color(0xFF0F172A);
|
||||||
static const Color cardDark = Color(0xFF24243E);
|
static const Color cardDark = Color(0xFF111827);
|
||||||
static const Color surfaceDark = Color(0xFF2D2D48);
|
static const Color surfaceDark = Color(0xFF1E293B);
|
||||||
|
|
||||||
// ── Utility ──
|
// ── Utility ──
|
||||||
static const Color success = Color(0xFF2ECC71);
|
static const Color success = Color(0xFF2ECC71);
|
||||||
|
|
@ -40,7 +40,7 @@ class AppColors {
|
||||||
|
|
||||||
/// A subtler version for cards / chips.
|
/// A subtler version for cards / chips.
|
||||||
static const LinearGradient brandGradientSoft = LinearGradient(
|
static const LinearGradient brandGradientSoft = LinearGradient(
|
||||||
colors: [Color(0xFFFFF3E0), Color(0xFFFFEBEE)],
|
colors: [Color(0xFFE0F2FE), Color(0xFFF0F9FF)],
|
||||||
begin: Alignment.topLeft,
|
begin: Alignment.topLeft,
|
||||||
end: Alignment.bottomRight,
|
end: Alignment.bottomRight,
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'app_colors.dart';
|
import 'app_colors.dart';
|
||||||
|
|
||||||
/// Central theme definition for HW Collector Hub.
|
/// Central theme definition for car64.
|
||||||
class AppTheme {
|
class AppTheme {
|
||||||
AppTheme._();
|
AppTheme._();
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue