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:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user