Initial CMPP frontend prototype

This commit is contained in:
hectorzhao
2026-06-30 16:09:46 +08:00
commit 2f3c274a30
98 changed files with 25255 additions and 0 deletions
+53
View File
@@ -0,0 +1,53 @@
export const themeColors = {
brand: '#12121A',
brandHover: '#1C1C27',
accent: '#D9C3A0',
accentSoft: '#F6EFE4',
selected: '#2563EB',
selectedSoft: '#EFF6FF',
surface: '#FFFFFF',
background: '#F6F7F9',
border: '#E5E7EB',
text: '#1F2937',
textStrong: '#111827',
textMuted: '#6B7280',
success: '#16A34A',
warning: '#D97706',
danger: '#DC2626',
info: '#2563EB',
} as const;
export const chartPalette = [
themeColors.selected,
themeColors.accent,
themeColors.success,
themeColors.warning,
'#64748B',
'#0F766E',
] as const;
export const statusTone = {
success: {
color: themeColors.success,
background: '#ECFDF3',
},
warning: {
color: themeColors.warning,
background: '#FFFBEB',
},
danger: {
color: themeColors.danger,
background: '#FEF2F2',
},
info: {
color: themeColors.info,
background: themeColors.selectedSoft,
},
neutral: {
color: themeColors.textMuted,
background: '#F3F4F6',
},
} as const;
export type ThemeColorName = keyof typeof themeColors;
export type StatusToneName = keyof typeof statusTone;