/* ===================================================== OMDATA - Modo oscuro del sitio público Activado agregando la clase "dark-mode" al (ver resources/views/layouts/app.blade.php). Usa !important porque gran parte del sitio define colores en line los partials (style="color: ..."). ===================================================== */ html.dark-mode body { background-color: #0f1117 !important; color: #e2e8f0 !important; } /* Navbar */ html.dark-mode .omdata-navbar-shell { background-color: #161b27 !important; } html.dark-mode .navbar .nav-link { color: #94a3b8 !important; } html.dark-mode .navbar .nav-link.active { color: #3b82f6 !important; } html.dark-mode .navbar-toggler-icon { filter: invert(1); } /* Footer */ html.dark-mode footer { background-color: #11151f !important; } /* Secciones y tarjetas comunes de Bootstrap */ html.dark-mode .bg-light, html.dark-mode .bg-white { background-color: #161b27 !important; color: #e2e8f0 !important; } html.dark-mode .card { background-color: #161b27 !important; color: #e2e8f0 !important; border-color: #2a3448 !important; } html.dark-mode .text-dark { color: #e2e8f0 !important; } /* Modales (búsqueda, error, etc.) */ html.dark-mode .modal-content { background-color: #161b27 !important; color: #e2e8f0 !important; } html.dark-mode .modal-header, html.dark-mode .modal-footer { border-color: #2a3448 !important; } html.dark-mode .form-control { background-color: #1e2535 !important; color: #e2e8f0 !important; border-color: #2a3448 !important; } /* Icono de cambio de tema */ #themeToggleIcon { transition: transform 0.25s ease; } html.dark-mode #themeToggleIcon { color: #d6a93a !important; }