Ichitux/ZLB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cambió paleta a modo oscuro

Browse Source 
Actualizó src/index.css para activar tema oscuro por defecto con fondo oscuro, ajustes de colores, gradientes y sombras. Mantiene compatibilidad con otros tokens y adapta sombras y acentos a la nueva paleta azul.

X-Lovable-Edit-ID: edt-eed642ba-55a7-4ab0-bdda-669928182bff
This commit is contained in:
gpt-engineer-app[bot]
2026-03-05 18:26:52 +00:00
parent 33a6ae958f e34d92ae59
commit f4b70e2ed8
1 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/index.css
View File

@@ -12,46 +12,46 @@
@layer base {
:root {
/* Paleta: Egyptian Blue, Slate Indigo, Baby Blue Ice, Dark Amethyst, Dusty Grape */
--background: 225 30% 96%;
--foreground: 260 32% 24%;
/* Paleta oscura por defecto: Egyptian Blue, Slate Indigo, Baby Blue Ice, Dark Amethyst, Dusty Grape */
--background: 260 30% 8%;
--foreground: 220 60% 92%;
--card: 225 25% 94%;
--card-foreground: 260 32% 24%;
--card: 260 28% 12%;
--card-foreground: 220 60% 92%;
--popover: 0 0% 100%;
--popover-foreground: 260 32% 24%;
--popover: 260 28% 14%;
--popover-foreground: 220 60% 92%;
/* Primary: Egyptian Blue */
--primary: 231 66% 37%;
--primary-foreground: 0 0% 100%;
/* Primary: Baby Blue Ice */
--primary: 220 81% 75%;
--primary-foreground: 260 32% 12%;
/* Secondary: Slate Indigo */
--secondary: 225 34% 48%;
--secondary-foreground: 0 0% 100%;
/* Accent: Baby Blue Ice */
--accent: 220 81% 75%;
--accent-foreground: 260 32% 24%;
/* Accent: Egyptian Blue */
--accent: 231 66% 42%;
--accent-foreground: 0 0% 100%;
--muted: 225 20% 90%;
--muted-foreground: 227 20% 42%;
--muted: 260 20% 16%;
--muted-foreground: 225 20% 65%;
--destructive: 0 84% 60%;
--destructive-foreground: 0 0% 100%;
--border: 225 20% 85%;
--input: 225 20% 85%;
--ring: 231 66% 37%;
--border: 260 18% 18%;
--input: 260 18% 18%;
--ring: 220 81% 75%;
--radius: 0.75rem;
/* Custom tokens */
--gradient-tropical: linear-gradient(135deg, hsl(231 66% 37%), hsl(225 34% 48%), hsl(220 81% 75%));
--gradient-warm: linear-gradient(180deg, hsl(225 30% 96%), hsl(225 25% 92%));
--shadow-glow: 0 0 40px hsl(231 66% 37% / 0.3);
--shadow-card: 0 8px 30px hsl(260 32% 24% / 0.08);
--shadow-elevated: 0 20px 50px hsl(260 32% 24% / 0.12);
--gradient-warm: linear-gradient(180deg, hsl(260 30% 8%), hsl(260 28% 12%));
--shadow-glow: 0 0 40px hsl(220 81% 75% / 0.25);
--shadow-card: 0 8px 30px hsl(0 0% 0% / 0.3);
--shadow-elevated: 0 20px 50px hsl(0 0% 0% / 0.4);
/* Sidebar (unused but required) */
--sidebar-background: 0 0% 98%;
--sidebar-foreground: 240 5.3% 26.1%;