/* Modo oscuro: se activa cuando el usuario elige "oscuro" con el botón de la barra de navegación. La preferencia se guarda en localStorage (blog-theme=dark) y se aplica la clase .theme-dark en . */ html.theme-dark { /* Sin esto el fondo puede no cubrir toda la página */ } html.theme-dark body { background-color: #1a1a1a !important; color: #e0e0e0 !important; } html.theme-dark a { color: #7ec8e3; } html.theme-dark a:hover, html.theme-dark a:focus { color: #9dd9f0; } html.theme-dark .post-container a { color: #7ec8e3; } html.theme-dark .post-container a:hover, html.theme-dark .post-container a:focus { color: #9dd9f0; } html.theme-dark .post-container h5, html.theme-dark .post-container h6 { color: #b0b0b0; } html.theme-dark blockquote { color: #a0a0a0; border-left-color: #555; } html.theme-dark .sidebar-container { color: #b0b0b0; } html.theme-dark .sidebar-container h5, html.theme-dark .sidebar-container h5 a { color: #b0b0b0 !important; } html.theme-dark .sidebar-container a { color: #b0b0b0 !important; } html.theme-dark .sidebar-container a:hover, html.theme-dark .sidebar-container a:active { color: #7ec8e3 !important; } html.theme-dark .sidebar-container .tags a { border-color: #555; } html.theme-dark .sidebar-container .tags a:hover, html.theme-dark .sidebar-container .tags a:active { border-color: #7ec8e3; } html.theme-dark .navbar-custom.is-fixed { background-color: rgba(26, 26, 26, 0.95) !important; } html.theme-dark .navbar-custom.is-fixed .navbar-brand, html.theme-dark .navbar-custom.is-fixed .nav li a { color: #e0e0e0 !important; } html.theme-dark .navbar-custom.is-fixed .nav li a:hover, html.theme-dark .navbar-custom.is-fixed .nav li a:focus { color: #7ec8e3 !important; } html.theme-dark .navbar-custom.invert .navbar-toggle .icon-bar { background-color: #e0e0e0 !important; } html.theme-dark .table th, html.theme-dark .table td { border-color: #444 !important; } html.theme-dark .table th { background-color: #2a2a2a; color: #e0e0e0; } html.theme-dark .table td { background-color: #1a1a1a; color: #e0e0e0; } html.theme-dark pre, html.theme-dark code { background-color: #252525; } html.theme-dark pre code { color: #e0e0e0; } html.theme-dark hr.small { border-color: #333; } html.theme-dark .post-preview > a .post-title { color: #e0e0e0; } html.theme-dark .post-preview > a:hover .post-title, html.theme-dark .post-preview > a:focus .post-title { color: #7ec8e3; } html.theme-dark .post-meta { color: #909090; } /* EN/ES y tema en la cabecera: siempre visibles (no dentro del menú hamburguesa) */ .navbar-header .nav-lang-theme { float: right; margin: 0; margin-right: 10px; list-style: none; } .navbar-header .nav-lang-theme li { float: left; } .navbar-header .nav-lang-theme a, .navbar-header .nav-lang-theme .btn-theme-toggle { padding: 15px 10px; line-height: 20px; } /* Mismo color que los enlaces de la navbar (blanco cuando transparente, oscuro cuando fija) */ .navbar-custom .navbar-header .nav-lang-theme a { color: #fff; } .navbar-custom .navbar-header .nav-lang-theme a:hover, .navbar-custom .navbar-header .nav-lang-theme a:focus { color: #9dd9f0; background: transparent; } .navbar-custom.is-fixed .navbar-header .nav-lang-theme a { color: #404040; } .navbar-custom.is-fixed .navbar-header .nav-lang-theme a:hover, .navbar-custom.is-fixed .navbar-header .nav-lang-theme a:focus { color: #0085a1; } html.theme-dark .navbar-custom.is-fixed .navbar-header .nav-lang-theme a { color: #e0e0e0; } html.theme-dark .navbar-custom.is-fixed .navbar-header .nav-lang-theme a:hover, html.theme-dark .navbar-custom.is-fixed .navbar-header .nav-lang-theme a:focus { color: #7ec8e3; } @media (max-width: 768px) { .navbar-header .nav-lang-theme { margin-right: 5px; } .navbar-header .nav-lang-theme a, .navbar-header .nav-lang-theme .btn-theme-toggle { padding: 15px 8px; } } /* Toggle tema: mismo aspecto que enlace EN/ES, sin recuadro */ .btn-theme-toggle { display: inline-block; padding: 15px 10px; margin: 0; cursor: pointer; font-size: 1.15em; line-height: 1; color: inherit; vertical-align: middle; background: none !important; border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; } .btn-theme-toggle:hover, .btn-theme-toggle:focus, .btn-theme-toggle:active { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; } #theme-icon { display: inline-block; line-height: 1; font-style: normal; } .navbar-custom .navbar-header .nav-lang-theme .btn-theme-toggle { color: #fff; } .navbar-custom .navbar-header .nav-lang-theme .btn-theme-toggle:hover, .navbar-custom .navbar-header .nav-lang-theme .btn-theme-toggle:focus { color: #9dd9f0; } .navbar-custom.is-fixed .navbar-header .nav-lang-theme .btn-theme-toggle { color: #404040; } .navbar-custom.is-fixed .navbar-header .nav-lang-theme .btn-theme-toggle:hover, .navbar-custom.is-fixed .navbar-header .nav-lang-theme .btn-theme-toggle:focus { color: #0085a1; } html.theme-dark .navbar-custom.is-fixed .navbar-header .nav-lang-theme .btn-theme-toggle { color: #e0e0e0; } html.theme-dark .navbar-custom.is-fixed .navbar-header .nav-lang-theme .btn-theme-toggle:hover, html.theme-dark .navbar-custom.is-fixed .navbar-header .nav-lang-theme .btn-theme-toggle:focus { color: #7ec8e3; }