/* ============================================================ MODO OSCURO — solo activa con .nl-dark-mode en NO depende de prefers-color-scheme ============================================================ */ /* ---- Tokens ---- */ .nl-dark-mode, .ct-dark-mode { --tinta: #f0edf5; --papel: #1a1623; --gris: #9c97a5; --gris-cl: #6b6675; --linea: #2e2a36; --sombra-sm: 0 1px 3px rgba(0, 0, 0, 0.35); --sombra-md: 0 4px 12px rgba(0, 0, 0, 0.45); } /* ---- Fondo y texto base (Blocksy override) ---- */ .nl-dark-mode body, .ct-dark-mode body { background-color: #1a1623 !important; color: #f0edf5 !important; } /* ---- Titulares en toda la página ---- */ .nl-dark-mode h1, .nl-dark-mode h2, .nl-dark-mode h3, .nl-dark-mode h4, .nl-dark-mode h5, .nl-dark-mode h6, .ct-dark-mode h1, .ct-dark-mode h2, .ct-dark-mode h3, .ct-dark-mode h4, .ct-dark-mode h5, .ct-dark-mode h6 { color: #f0edf5 !important; } /* ---- Artículo individual ---- */ .nl-dark-mode .entry-title, .ct-dark-mode .entry-title { color: #f0edf5 !important; } .nl-dark-mode .entry-content, .ct-dark-mode .entry-content { color: #f0edf5 !important; } .nl-dark-mode .entry-content p, .ct-dark-mode .entry-content p, .nl-dark-mode .entry-content li, .ct-dark-mode .entry-content li, .nl-dark-mode .entry-content td, .ct-dark-mode .entry-content td { color: #f0edf5; } .nl-dark-mode .entry-content a, .ct-dark-mode .entry-content a { color: var(--leon-purpura-cl); } .nl-dark-mode .entry-content blockquote, .ct-dark-mode .entry-content blockquote { color: #9c97a5; border-left-color: var(--leon-purpura-cl); } /* Meta del post (Blocksy: autor, fecha, categoría) */ .nl-dark-mode .entry-meta, .ct-dark-mode .entry-meta, .nl-dark-mode .ct-meta, .ct-dark-mode .ct-meta, .nl-dark-mode .entry-meta a, .ct-dark-mode .entry-meta a, .nl-dark-mode .ct-meta a, .ct-dark-mode .ct-meta a { color: #9c97a5 !important; } /* Entradilla del primer párrafo */ .nl-dark-mode .entry-content > p:first-of-type, .ct-dark-mode .entry-content > p:first-of-type { color: #c8c0d4 !important; border-left-color: var(--leon-purpura-cl); } /* ---- Secciones y contenedores de portada ---- */ .nl-dark-mode .nl-seccion, .ct-dark-mode .nl-seccion, .nl-dark-mode .nl-portada, .ct-dark-mode .nl-portada { background-color: #1a1623; } /* ---- Cards ---- */ .nl-dark-mode .nl-card, .ct-dark-mode .nl-card { background: #231e2d; } .nl-dark-mode .nl-card h3, .ct-dark-mode .nl-card h3, .nl-dark-mode .nl-card__titulo, .ct-dark-mode .nl-card__titulo { color: #f0edf5 !important; } .nl-dark-mode .nl-card .nl-fecha, .ct-dark-mode .nl-card .nl-fecha, .nl-dark-mode .nl-card .nl-meta, .ct-dark-mode .nl-card .nl-meta { color: #9c97a5; } .nl-dark-mode .nl-card a, .ct-dark-mode .nl-card a { color: inherit; } /* ---- Hero (card destacada) ---- */ .nl-dark-mode .nl-card-featured, .ct-dark-mode .nl-card-featured { background: #231e2d; } /* ---- Lo más leído ---- */ .nl-dark-mode .nl-lo-mas-leido, .ct-dark-mode .nl-lo-mas-leido { background: #231e2d; border-color: #2e2a36; color: #f0edf5; } .nl-dark-mode .nl-lo-mas-leido h3, .ct-dark-mode .nl-lo-mas-leido h3, .nl-dark-mode .nl-lo-mas-leido a, .ct-dark-mode .nl-lo-mas-leido a { color: #f0edf5 !important; } /* ---- Ticker ---- */ .nl-dark-mode .nl-ticker-wrapper, .ct-dark-mode .nl-ticker-wrapper { background: #231e2d; border-color: #2e2a36; color: #f0edf5; } /* ---- Atribución ---- */ .nl-dark-mode .nl-atribucion, .ct-dark-mode .nl-atribucion { background: color-mix(in srgb, var(--leon-purpura) 18%, #1a1623); color: #f0edf5; } /* ---- Footer ---- */ .nl-dark-mode footer, .ct-dark-mode footer, .nl-dark-mode .site-footer, .ct-dark-mode .site-footer { background-color: #13101a !important; color: #9c97a5 !important; border-color: #2e2a36 !important; } .nl-dark-mode .site-footer a, .ct-dark-mode .site-footer a { color: #9c97a5; } /* ---- Sidebar / widgets ---- */ .nl-dark-mode .ct-sidebar, .ct-dark-mode .ct-sidebar, .nl-dark-mode aside, .ct-dark-mode aside { background-color: #231e2d; color: #f0edf5; } /* ---- Separadores ---- */ .nl-dark-mode hr, .ct-dark-mode hr { border-color: #2e2a36; } /* ---- Imágenes ---- */ .nl-dark-mode img, .ct-dark-mode img { filter: brightness(0.92) contrast(1.02); } /* ---- Header ---- */ .nl-dark-mode .site-header, .ct-dark-mode .site-header, .nl-dark-mode .ct-header, .ct-dark-mode .ct-header, .nl-dark-mode header, .ct-dark-mode header, .nl-dark-mode .ct-header-content, .ct-dark-mode .ct-header-content, .nl-dark-mode #masthead, .ct-dark-mode #masthead { border-bottom-color: rgba(255,255,255,0.08) !important; background-color: #13101a !important; } /* Nav links en dark */ .nl-dark-mode .ct-main-nav .menu-item > a, .ct-dark-mode .ct-main-nav .menu-item > a, .nl-dark-mode .ct-main-nav .page_item > a, .ct-dark-mode .ct-main-nav .page_item > a { color: rgba(240,237,245,0.85) !important; } /* Iconos header (redes, búsqueda) */ .nl-dark-mode .ct-header svg, .ct-dark-mode .ct-header svg, .nl-dark-mode .ct-header a, .ct-dark-mode .ct-header a { color: rgba(240,237,245,0.7); } .nl-dark-mode .site-title a, .ct-dark-mode .site-title a { color: var(--leon-purpura-cl) !important; } .nl-dark-mode .nl-dark-toggle, .ct-dark-mode .nl-dark-toggle { border-color: rgba(255,255,255,0.15); color: rgba(255,255,255,0.7); } .nl-dark-mode .nl-dark-toggle:hover, .ct-dark-mode .nl-dark-toggle:hover { border-color: var(--leon-purpura-cl); color: var(--leon-purpura-cl); }