76 lines
1.9 KiB
Plaintext
76 lines
1.9 KiB
Plaintext
// Shadcn-style Color System
|
|
// Based on shadcn/ui zinc theme with light/dark mode support
|
|
|
|
// Color palette structure
|
|
export struct ColorPalette {
|
|
background: color,
|
|
foreground: color,
|
|
card: color,
|
|
card-foreground: color,
|
|
popover: color,
|
|
popover-foreground: color,
|
|
primary: color,
|
|
primary-foreground: color,
|
|
secondary: color,
|
|
secondary-foreground: color,
|
|
muted: color,
|
|
muted-foreground: color,
|
|
accent: color,
|
|
accent-foreground: color,
|
|
destructive: color,
|
|
destructive-foreground: color,
|
|
border: color,
|
|
input: color,
|
|
ring: color,
|
|
}
|
|
|
|
// Light mode colors - shadcn zinc theme
|
|
export global LightColors {
|
|
out property <ColorPalette> palette: {
|
|
background: #ffffff,
|
|
foreground: #09090b,
|
|
card: #ffffff,
|
|
card-foreground: #09090b,
|
|
popover: #ffffff,
|
|
popover-foreground: #09090b,
|
|
primary: #18181b,
|
|
primary-foreground: #fafafa,
|
|
secondary: #f4f4f5,
|
|
secondary-foreground: #18181b,
|
|
muted: #f4f4f5,
|
|
muted-foreground: #71717a,
|
|
accent: #f4f4f5,
|
|
accent-foreground: #18181b,
|
|
destructive: #ef4444,
|
|
destructive-foreground: #fafafa,
|
|
border: #e4e4e7,
|
|
input: #e4e4e7,
|
|
ring: #18181b,
|
|
};
|
|
}
|
|
|
|
// Dark mode colors - shadcn zinc theme
|
|
export global DarkColors {
|
|
out property <ColorPalette> palette: {
|
|
background: #09090b,
|
|
foreground: #fafafa,
|
|
card: #09090b,
|
|
card-foreground: #fafafa,
|
|
popover: #09090b,
|
|
popover-foreground: #fafafa,
|
|
primary: #fafafa,
|
|
primary-foreground: #18181b,
|
|
secondary: #27272a,
|
|
secondary-foreground: #fafafa,
|
|
muted: #27272a,
|
|
muted-foreground: #a1a1aa,
|
|
accent: #27272a,
|
|
accent-foreground: #fafafa,
|
|
destructive: #7f1d1d,
|
|
destructive-foreground: #fafafa,
|
|
border: #27272a,
|
|
input: #27272a,
|
|
ring: #d4d4d8,
|
|
};
|
|
}
|