Initial CMPP frontend prototype
This commit is contained in:
@@ -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;
|
||||
Reference in New Issue
Block a user