Skip to content

feat: Implementar modo oscuro con fondo azul profundo#1

Merged
TellMeAlex merged 1 commit intomainfrom
feature/dark-mode-blue-theme
Dec 11, 2025
Merged

feat: Implementar modo oscuro con fondo azul profundo#1
TellMeAlex merged 1 commit intomainfrom
feature/dark-mode-blue-theme

Conversation

@TellMeAlex
Copy link
Copy Markdown
Contributor

🎨 Implementación del Modo Oscuro con Tema Azul

Cambios Realizados

Archivo modificado: src/css/custom.css

✨ Mejoras del Modo Oscuro:

  • Fondo azul profundo: Gradiente de #0f1419 a #1a2332
  • Texto blanco completamente legible: Color #ffffff para máxima legibilidad
  • Navbar con fondo azul: rgba(15, 20, 25, 0.95) con efecto blur
  • Footer con gradiente azul: Coincide con el tema general
  • Enlaces y elementos interactivos: Colores apropiados para contraste óptimo

🔧 Variables CSS Actualizadas:

  • --ifm-background-color: #0f1419
  • --ifm-background-surface-color: #1a2332
  • --ifm-font-color-base: #ffffff
  • --ifm-heading-color: #ffffff

🎯 Beneficios

  • Mejor experiencia visual en modo oscuro
  • Texto perfectamente legible sobre fondo azul
  • Mantiene la identidad visual del proyecto
  • Transiciones suaves entre modos

🧪 Testing

Los cambios han sido probados y el texto es completamente legible en modo oscuro con el fondo azul solicitado.

@TellMeAlex TellMeAlex merged commit 42904c0 into main Dec 11, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant