Files
xingrin/frontend/styles/themes/cosmic-night.css
2025-12-22 10:04:27 +08:00

54 lines
2.3 KiB
CSS

/**
* Cosmic Night 主题 - 宇宙紫夜风格(暗色)
*/
[data-theme="cosmic-night"],
[data-theme="cosmic-night"].dark {
--background: oklch(0.1743 0.0227 283.7998);
--foreground: oklch(0.9185 0.0257 285.8834);
--card: oklch(0.2284 0.0384 282.9324);
--card-foreground: oklch(0.9185 0.0257 285.8834);
--popover: oklch(0.2284 0.0384 282.9324);
--popover-foreground: oklch(0.9185 0.0257 285.8834);
--primary: oklch(0.7162 0.1597 290.3962);
--primary-foreground: oklch(0.1743 0.0227 283.7998);
--secondary: oklch(0.3139 0.0736 283.4591);
--secondary-foreground: oklch(0.8367 0.0849 285.9111);
--muted: oklch(0.2710 0.0621 281.4377);
--muted-foreground: oklch(0.7166 0.0462 285.1741);
--accent: oklch(0.3354 0.0828 280.9705);
--accent-foreground: oklch(0.9185 0.0257 285.8834);
--destructive: oklch(0.6861 0.2061 14.9941);
--destructive-foreground: oklch(1.0000 0 0);
--border: oklch(0.3261 0.0597 282.5832);
--input: oklch(0.3261 0.0597 282.5832);
--ring: oklch(0.7162 0.1597 290.3962);
--chart-1: oklch(0.7162 0.1597 290.3962);
--chart-2: oklch(0.6382 0.1047 274.9117);
--chart-3: oklch(0.7482 0.1235 244.7492);
--chart-4: oklch(0.7124 0.0977 186.6761);
--chart-5: oklch(0.7546 0.1831 346.8124);
--sidebar: oklch(0.2284 0.0384 282.9324);
--sidebar-foreground: oklch(0.9185 0.0257 285.8834);
--sidebar-primary: oklch(0.7162 0.1597 290.3962);
--sidebar-primary-foreground: oklch(0.1743 0.0227 283.7998);
--sidebar-accent: oklch(0.3354 0.0828 280.9705);
--sidebar-accent-foreground: oklch(0.9185 0.0257 285.8834);
--sidebar-border: oklch(0.3261 0.0597 282.5832);
--sidebar-ring: oklch(0.7162 0.1597 290.3962);
--font-sans: Inter, sans-serif;
--font-serif: Georgia, serif;
--font-mono: JetBrains Mono, monospace;
--radius: 0.5rem;
--shadow-color: hsl(240 30% 25%);
--shadow-2xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
--shadow-xs: 0px 4px 10px 0px hsl(240 30% 25% / 0.06);
--shadow-sm: 0px 4px 10px 0px hsl(240 30% 25% / 0.12);
--shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12);
--shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12);
--shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12);
--shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12);
--shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30);
--tracking-normal: 0em;
--spacing: 0.25rem;
}