moon

Modo Oscuro y Temas

account 2 min #dark mode #theme #display

SubLearn ofrece múltiples opciones de tema para optimizar tu experiencia de aprendizaje según tu entorno y preferencias personales. Ya sea que estés estudiando durante el día o tarde en la noche, puedes elegir el tema que mejor te funcione.

Modo Oscuro y Temas

SubLearn ofrece múltiples opciones de tema para optimizar tu experiencia de aprendizaje según tu entorno y preferencias personales. Ya sea que estés estudiando durante el día o tarde en la noche, puedes elegir el tema que mejor te funcione.

Modos de Tema Disponibles

SubLearn proporciona tres modos de tema distintos para adaptarse a diferentes situaciones:

  • Modo Claro — Una interfaz brillante y limpia con fondos claros y texto oscuro. Ideal para aprender durante el día y en ambientes bien iluminados.
  • Modo Oscuro — Nuestro tema oscuro característico con un fondo azul-negro profundo y acentos violeta. Perfecto para sesiones de estudio por la tarde y noche.
  • Sistema Automático — Se ajusta automáticamente a la preferencia de tema de tu dispositivo, cambiando entre claro y oscuro según la hora del día o la configuración de tu sistema operativo.

Cambiar Tu Tema

Cambiar de tema es simple. Busca el ícono de sol y luna en la barra de navegación superior. Haz clic en este ícono para alternar entre las opciones de tema disponibles:

  1. El Modo Claro muestra un ícono de sol
  2. El Modo Oscuro muestra un ícono de luna
  3. El Sistema Automático muestra un ícono de configuración/auto

Tu selección se actualiza instantáneamente en toda la plataforma, y tu preferencia se guarda en tu cuenta automáticamente.

Esquema de Colores del Modo Oscuro

El modo oscuro de SubLearn usa una paleta de colores violeta-azul cuidadosamente diseñada, optimizada para comodidad visual y accesibilidad:

  • Fondo — Azul-negro profundo (#0b1222) proporciona una base profesional y calmante que reduce la fatiga visual
  • Tarjetas y Paneles — Azul ligeramente más claro (#111b2e) crea jerarquía visual y separación de componentes
  • Bordes y Divisores — Verde azulado sutil (#1e3348) define límites de contenido sin contraste agresivo
  • Acento Primario — Violeta brillante (#a78bfa) resalta elementos interactivos, botones e información importante
  • Acento Secundario — Violeta claro (#c4b5fd) usado para estados de hover y elementos complementarios
  • Acentos con Degradado — Degradados de azul a violeta (#7c3aed a #a78bfa) añaden profundidad visual a CTAs importantes y logros

¿Por Qué Modo Oscuro?

El modo oscuro ofrece varios beneficios para estudiantes de idiomas:

  • Reducción de Fatiga Visual — El fondo oscuro emite menos luz azul, haciendo que sesiones de estudio prolongadas sean más cómodas
  • Mejor Enfoque — Menos deslumbramiento visual te ayuda a concentrarte en vocabulario, subtítulos y ejercicios
  • Ahorro de Batería — En dispositivos con pantallas OLED, el modo oscuro consume menos energía
  • Mejor para Aprender de Noche — Si prefieres estudiar por la noche, el modo oscuro es más suave para tus ojos
  • Apariencia Profesional — El color de acento violeta crea un ambiente de aprendizaje moderno y sofisticado

Detección de Preferencia del Sistema

Si seleccionas "Sistema Automático," SubLearn detecta automáticamente la preferencia de tema de tu dispositivo. Esto funciona en:

  • Windows 11+ — Respeta la configuración de tema Claro/Oscuro del sistema
  • macOS — Sigue tus preferencias de Apariencia (Claro, Oscuro, Auto)
  • iOS/iPadOS — Coincide con el modo Claro/Oscuro de tu dispositivo
  • Android — Se sincroniza con la configuración de tema de tu sistema

Persistencia del Tema

Tu elección de tema se guarda en la configuración de tu cuenta y persiste en todos tus dispositivos cuando estás conectado. Si cierras sesión y vuelves a iniciarla, tu tema preferido seguirá activo. Esto significa que puedes cambiar entre modo claro y oscuro una vez, y se recordará para tu próxima visita.

Puedes cambiar tu preferencia de tema en cualquier momento—no hay límite en cuántas veces cambies entre modos. Encuentra lo que funcione mejor para tu estilo de aprendizaje y entorno.

¿Te sirvió esta guía?

Compartir guía