feat(tokens): add semantic color tokens for high-frequency colors

Add design tokens for frequently used hardcoded colors:
- Surface colors: surfaceSecondary (11 uses), surfaceTertiary (9 uses), surfaceInfo (4 uses), surfaceInfoLight (3 uses)
- Border colors: borderSecondary (5 uses), borderTertiary (5 uses), borderQuaternary (5 uses)
- Status colors: success (4 uses), warning (4 uses), error (3 uses)
- Text colors: textSecondary (4 uses)

These tokens will enable migration of hardcoded Color() values in pages.
This commit is contained in:
qzl
2026-03-02 16:22:25 +08:00
parent 971ba30032
commit 51ca78a37a
+15
View File
@@ -30,6 +30,21 @@ class AppColors {
static const red500 = Color(0xFFEF4444);
static const red400 = Color(0xFFD14343);
static const surfaceSecondary = Color(0xFFF8FAFC);
static const surfaceTertiary = Color(0xFFF8FAFF);
static const surfaceInfo = Color(0xFFEAF3FF);
static const surfaceInfoLight = Color(0xFFF3F7FF);
static const borderSecondary = Color(0xFFE2E8F0);
static const borderTertiary = Color(0xFFDCE5F4);
static const borderQuaternary = Color(0xFFCFE1FB);
static const textSecondary = Color(0xFF475569);
static const success = Color(0xFF10B981);
static const warning = Color(0xFFF59E0B);
static const error = Color(0xFFEF4444);
static const messageBg = Color(0xFFF8FAFC);
static const messageCardBg = Color(0xFFFFFFFF);
static const messageTagBg = Color(0xFFEAF3FF);