feat: agregar selector de tema oscuro/claro

Toggle sol/luna en el navbar que permite cambiar entre tema oscuro (por
defecto) y tema claro. Preferencia guardada en localStorage. Incluye
overrides de CSS para todos los componentes con colores hardcodeados,
inversión de logo, y transición suave entre temas.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Gestoría LP
2026-03-02 08:25:34 +00:00
parent d2b19e0968
commit 3f5ca4b2de
4 changed files with 323 additions and 2 deletions

View File

@@ -15,7 +15,7 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<!-- Site Stylesheet -->
<link rel="stylesheet" href="assets/css/style.css?v=20260302c">
<link rel="stylesheet" href="assets/css/style.css?v=20260302d">
<!-- Dark theme meta -->
<meta name="theme-color" content="#0a0a0a">
@@ -58,6 +58,10 @@
</ul>
</nav>
<button class="theme-toggle" id="themeToggle" aria-label="Cambiar tema">
<i class="fas fa-moon" id="themeIcon"></i>
</button>
<button class="navbar__toggle" id="navToggle" aria-label="Abrir menú" aria-expanded="false">
<span class="navbar__toggle-bar"></span>
<span class="navbar__toggle-bar"></span>