/* * color-schemes.css — Gama de Colores personalizables * Se aplican sobreescribiendo las variables CSS de color primario * según el atributo data-accent del elemento * * Temas disponibles: default, emerald, crimson, ocean, amber, slate, violet */ /* ── DEFAULT (Teal — color original de Gentelella) ─────────── */ /* No necesita bloque, ya está definido en main-v4 */ /* ── EMERALD (Verde esmeralda profundo) ─────────────────────── */ html[data-accent="emerald"] { --primary: #059669; --primary-dk: #047857; --primary-lt: #059669/0.08; --sidebar-active: #05966914; } html[data-accent="emerald"] { --primary-lt: rgba(5, 150, 105, 0.09); --sidebar-active: rgba(5, 150, 105, 0.14); } /* ── CRIMSON (Rojo vino / carmesí) ─────────────────────────── */ html[data-accent="crimson"] { --primary: #dc2626; --primary-dk: #b91c1c; --primary-lt: rgba(220, 38, 38, 0.09); --sidebar-active: rgba(220, 38, 38, 0.14); } /* ── OCEAN (Azul océano) ──────────────────────────────────────── */ html[data-accent="ocean"] { --primary: #0ea5e9; --primary-dk: #0284c7; --primary-lt: rgba(14, 165, 233, 0.09); --sidebar-active: rgba(14, 165, 233, 0.14); } /* ── AMBER (Ámbar dorado) ─────────────────────────────────────── */ html[data-accent="amber"] { --primary: #d97706; --primary-dk: #b45309; --primary-lt: rgba(217, 119, 6, 0.09); --sidebar-active: rgba(217, 119, 6, 0.14); } /* ── SLATE (Gris pizarra azulado) ─────────────────────────────── */ html[data-accent="slate"] { --primary: #475569; --primary-dk: #334155; --primary-lt: rgba(71, 85, 105, 0.09); --sidebar-active: rgba(71, 85, 105, 0.14); } /* ── VIOLET (Violeta moderno) ─────────────────────────────────── */ html[data-accent="violet"] { --primary: #7c3aed; --primary-dk: #6d28d9; --primary-lt: rgba(124, 58, 237, 0.09); --sidebar-active: rgba(124, 58, 237, 0.14); }