highperfocused/zelo-news
1
0
Fork 0
mirror of https://github.com/mroxso/zelo-news.git synced 2026-06-05 10:01:22 +02:00
Code Issues Packages Projects Releases Wiki Activity

use cosmic night theme (#51)

Browse Source 
Co-authored-by: highperfocused <highperfocused@pm.me>
This commit is contained in:
mroxso
2025-11-26 22:07:04 +01:00
committed by GitHub
parent a184866b2a
commit 30bbc32926
1 changed files with 99 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
src/index.css
View File

@@ -4,89 +4,111 @@
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--background: 240 100.0000% 98.0392%;
--foreground: 240 27.5862% 22.7451%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--card-foreground: 240 27.5862% 22.7451%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 222.2 47.4% 11.2%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 222.2 84% 4.9%;
--popover-foreground: 240 27.5862% 22.7451%;
--primary: 251.9008 55.7604% 57.4510%;
--primary-foreground: 0 0% 100%;
--secondary: 249.3750 100% 93.7255%;
--secondary-foreground: 249.3750 33.3333% 37.6471%;
--muted: 240 50.0000% 96.0784%;
--muted-foreground: 240 12.1951% 48.2353%;
--accent: 218.4615 100.0000% 92.3529%;
--accent-foreground: 240 27.5862% 22.7451%;
--destructive: 350.1754 100% 66.4706%;
--destructive-foreground: 0 0% 100%;
--border: 240 34.7826% 90.9804%;
--input: 240 34.7826% 90.9804%;
--ring: 251.9008 55.7604% 57.4510%;
--chart-1: 251.9008 55.7604% 57.4510%;
--chart-2: 249.6429 94.9153% 76.8627%;
--chart-3: 239.1781 82.0225% 65.0980%;
--chart-4: 243.1579 93.0070% 71.9608%;
--chart-5: 243.6522 47.3251% 47.6471%;
--sidebar: 240 50.0000% 96.0784%;
--sidebar-foreground: 240 27.5862% 22.7451%;
--sidebar-primary: 251.9008 55.7604% 57.4510%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 218.4615 100.0000% 92.3529%;
--sidebar-accent-foreground: 240 27.5862% 22.7451%;
--sidebar-border: 240 34.7826% 90.9804%;
--sidebar-ring: 251.9008 55.7604% 57.4510%;
--font-sans: Inter, sans-serif;
--font-serif: Georgia, serif;
--font-mono: JetBrains Mono, monospace;
--radius: 0.5rem;
--sidebar-background: 0 0% 98%;
--sidebar-foreground: 240 5.3% 26.1%;
--sidebar-primary: 240 5.9% 10%;
--sidebar-primary-foreground: 0 0% 98%;
--sidebar-accent: 240 4.8% 95.9%;
--sidebar-accent-foreground: 240 5.9% 10%;
--sidebar-border: 220 13% 91%;
--sidebar-ring: 217.2 91.2% 59.8%;
--shadow-x: 0px;
--shadow-y: 4px;
--shadow-blur: 10px;
--shadow-spread: 0px;
--shadow-opacity: 0.12;
--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), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
--shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
--shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12);
--shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12);
--shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12);
--shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30);
--tracking-normal: 0em;
--spacing: 0.25rem;
}
.dark {
--background: 222.2 84% 4.9%;
--foreground: 210 40% 98%;
--card: 222.2 84% 4.9%;
--card-foreground: 210 40% 98%;
--popover: 222.2 84% 4.9%;
--popover-foreground: 210 40% 98%;
--primary: 210 40% 98%;
--primary-foreground: 222.2 47.4% 11.2%;
--secondary: 217.2 32.6% 17.5%;
--secondary-foreground: 210 40% 98%;
--muted: 217.2 32.6% 17.5%;
--muted-foreground: 215 20.2% 65.1%;
--accent: 217.2 32.6% 17.5%;
--accent-foreground: 210 40% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 210 40% 98%;
--border: 217.2 32.6% 17.5%;
--input: 217.2 32.6% 17.5%;
--ring: 212.7 26.8% 83.9%;
--sidebar-background: 240 5.9% 10%;
--sidebar-foreground: 240 4.8% 95.9%;
--sidebar-primary: 224.3 76.3% 48%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 240 3.7% 15.9%;
--sidebar-accent-foreground: 240 4.8% 95.9%;
--sidebar-border: 240 3.7% 15.9%;
--sidebar-ring: 217.2 91.2% 59.8%;
--background: 240 26.8293% 8.0392%;
--foreground: 240 48.7179% 92.3529%;
--card: 240 27.7778% 14.1176%;
--card-foreground: 240 48.7179% 92.3529%;
--popover: 240 27.7778% 14.1176%;
--popover-foreground: 240 48.7179% 92.3529%;
--primary: 251.2500 100% 78.0392%;
--primary-foreground: 240 26.8293% 8.0392%;
--secondary: 242.8571 32.8125% 25.0980%;
--secondary-foreground: 241.9672 100% 88.0392%;
--muted: 240 33.3333% 20%;
--muted-foreground: 240 20.2532% 69.0196%;
--accent: 240 33.3333% 28.2353%;
--accent-foreground: 240 48.7179% 92.3529%;
--destructive: 350.1754 100% 66.4706%;
--destructive-foreground: 0 0% 100%;
--border: 240 26.1538% 25.4902%;
--input: 240 26.1538% 25.4902%;
--ring: 251.2500 100% 78.0392%;
--chart-1: 251.2500 100% 78.0392%;
--chart-2: 230.4878 44.0860% 63.5294%;
--chart-3: 206.7123 89.0244% 67.8431%;
--chart-4: 174.2857 41.8327% 50.7843%;
--chart-5: 325.5224 100.0000% 73.7255%;
--sidebar: 240 27.7778% 14.1176%;
--sidebar-foreground: 240 48.7179% 92.3529%;
--sidebar-primary: 251.2500 100% 78.0392%;
--sidebar-primary-foreground: 240 26.8293% 8.0392%;
--sidebar-accent: 240 33.3333% 28.2353%;
--sidebar-accent-foreground: 240 48.7179% 92.3529%;
--sidebar-border: 240 26.1538% 25.4902%;
--sidebar-ring: 251.2500 100% 78.0392%;
--font-sans: Inter, sans-serif;
--font-serif: Georgia, serif;
--font-mono: JetBrains Mono, monospace;
--radius: 0.5rem;
--shadow-x: 0px;
--shadow-y: 4px;
--shadow-blur: 10px;
--shadow-spread: 0px;
--shadow-opacity: 0.12;
--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), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
--shadow: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 1px 2px -1px hsl(240 30% 25% / 0.12);
--shadow-md: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 2px 4px -1px hsl(240 30% 25% / 0.12);
--shadow-lg: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 4px 6px -1px hsl(240 30% 25% / 0.12);
--shadow-xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.12), 0px 8px 10px -1px hsl(240 30% 25% / 0.12);
--shadow-2xl: 0px 4px 10px 0px hsl(240 30% 25% / 0.30);
}
}