70a369ad04
Some checks failed
GBCI / build (push) Failing after 1m48s
- Updated the layout to integrate a new ThemeProvider component. - Removed the old ModeToggle component and integrated theme selection directly into the ThemeProvider. - Deleted unused SVG files (tauri.svg, vite.svg) and the old mode-toggle and theme-provider components. - Added a comprehensive ThemeProvider that supports multiple themes with corresponding CSS files. - Created new theme CSS files for various themes including RetroWave, CyberPunk, and more. - Updated tsconfig.json to include new component paths for better type checking. - Ensured the application loads the saved theme from localStorage on startup.
28 lines
750 B
CSS
28 lines
750 B
CSS
:root {
|
|
/* CyberPunk Theme */
|
|
--background: 240 30% 5%;
|
|
--foreground: 60 100% 80%;
|
|
--card: 240 30% 8%;
|
|
--card-foreground: 60 100% 80%;
|
|
--popover: 240 30% 5%;
|
|
--popover-foreground: 60 100% 80%;
|
|
--primary: 330 100% 60%;
|
|
--primary-foreground: 240 30% 5%;
|
|
--secondary: 240 30% 15%;
|
|
--secondary-foreground: 60 100% 80%;
|
|
--muted: 240 30% 10%;
|
|
--muted-foreground: 60 100% 60%;
|
|
--accent: 180 100% 60%;
|
|
--accent-foreground: 240 30% 5%;
|
|
--destructive: 0 85% 60%;
|
|
--destructive-foreground: 0 0% 98%;
|
|
--border: 240 30% 15%;
|
|
--input: 240 30% 15%;
|
|
--ring: 330 100% 60%;
|
|
--radius: 0.5rem;
|
|
--chart-1: 330 100% 60%;
|
|
--chart-2: 180 100% 60%;
|
|
--chart-3: 60 100% 60%;
|
|
--chart-4: 0 100% 60%;
|
|
--chart-5: 270 100% 60%;
|
|
}
|