Modo dia y modo noche
Objetivo
Permitir al usuario elegir entre un fondo claro (modo dia) y un fondo oscuro (modo noche) para reducir la fatiga visual y adaptarse a las condiciones de luz del entorno.
Que es esta herramienta
Es la opcion visual del sistema. Cambiar entre modo dia y modo noche no cambia las funciones ni la informacion disponible: solo cambia los colores de la pantalla.
Que cambia visualmente
| Aspecto | Modo dia | Modo noche |
|---|---|---|
| Fondo principal | Blanco o gris muy claro | Gris muy oscuro o negro |
| Texto principal | Casi negro | Blanco o gris muy claro |
| Texto secundario | Gris medio | Gris claro |
| Bordes y separadores | Gris claro | Gris oscuro |
| Colores de marca (acentos) | Iguales en ambos modos | Iguales en ambos modos |
| Tablas | Fondo blanco, hover gris claro | Fondo oscuro, hover gris medio |
| Sombras | Suaves | Reducidas o eliminadas |
| Imagenes y avatares | Sin filtro | Sin filtro (se mantienen los colores reales) |
Si nunca has cambiado el tema, el sistema detecta automaticamente la configuracion de tu sistema operativo (por ejemplo, si tu Mac o Windows esta en modo oscuro, la aplicacion abre en modo noche).
Donde se activa o desactiva
Hay dos formas de cambiar el tema. Ambas hacen exactamente lo mismo.
1. Icono de la barra superior
- Es un boton con icono de sol (cuando el tema actual es oscuro) o de luna (cuando el tema actual es claro).
- Se encuentra en la barra superior, entre el icono de cumpleanos y la campana de notificaciones.
- Al hacer clic, el tema cambia inmediatamente.
2. Panel de Mi perfil
- Abrir el panel Mi perfil (icono de engranaje al pie del menu lateral).
- Bajar a la seccion Aspecto del sistema.
- Pulsar el boton Dia o Noche (con iconos de sol y luna).
- El cambio se aplica de inmediato.
Como se guarda la preferencia
- En este navegador: la eleccion se guarda localmente. Asi, la proxima vez que abras la aplicacion en el mismo navegador y con el mismo usuario, se respeta.
- En tu perfil de usuario: ademas, el sistema intenta guardar la preferencia en tu perfil, para que se respete tambien si abres sesion en otro equipo o navegador.
- Si nunca has elegido un tema: el sistema usa automaticamente la configuracion de tu sistema operativo.
Si el sistema no puede guardar la preferencia en tu perfil (por ejemplo, por falta de conexion), aparece un aviso. La eleccion local en este navegador se mantiene de todos modos.
Cuando conviene usar cada modo
| Situacion | Tema sugerido |
|---|---|
| Consultas en clinica bien iluminadas | Modo dia |
| Trabajo prolongado frente a la pantalla (turnos largos, administrativos) | Modo noche |
| Pantalla principal de la sala de espera | Modo dia (mejor contraste para los pacientes) |
| Trabajo nocturno o con luz reducida | Modo noche |
| Imprimir o proyectar | Modo dia (los colores son mas fieles en papel y en proyectores) |
Como afecta a las pantallas principales
| Pantalla | Efecto del modo noche |
|---|---|
| Agenda | El fondo del calendario pasa a gris oscuro. Las celdas mantienen el color del grupo medico. |
| Modales y dialogos | Fondo del modal oscuro, texto claro. |
| Notificaciones (campana) | Lista de notificaciones con fondo oscuro, no leidos con fondo mas claro. |
| Spotlight | Fondo del modal y de la lista de resultados en oscuro. |
| Caja | Tabla de movimientos en oscuro. |
| Pacientes y consultas | Tablas, formularios y panel en oscuro. |
| Panel de Mi perfil | Secciones y campos en oscuro. |
| Panel de cumpleanos | Tarjetas de cumpleaneros con fondo oscuro. La animacion de fuegos se mantiene. |
Que hacer si el cambio no se refleja correctamente
| Situacion | Que hacer |
|---|---|
| El cambio de tema no se aplica | Refrescar la pagina con F5 o Ctrl + R (Windows/Linux) o ⌘ + R (Mac). |
| La preferencia no se guarda entre sesiones | Verificar que el navegador no este en modo incognito. Algunos navegadores bloquean el almacenamiento en ese modo. |
| El sistema operativo cambia el tema automaticamente | El sistema respeta los cambios del sistema operativo solo si nunca has elegido un tema manualmente. Si ya elegiste, tu eleccion tiene prioridad. Para volver al modo automatico, limpiar el almacenamiento del navegador. |
| Algunos textos no se ven bien | Puede haber pantallas que no soporten completamente el modo noche. Reportar al equipo tecnico con una captura. |
| El icono no cambia | Esperar la animacion (puede tomar unos 300 ms). Si no cambia, refrescar la pagina. |
Estados o mensajes importantes
| Estado | Que pasa |
|---|---|
| No se puede guardar en el perfil | Toast avisando "Preferencia no sincronizada". La eleccion local se mantiene. |
| Cambio aplicado correctamente | Toda la pantalla cambia de colores de inmediato. |
| Modo automatico | Si nunca elegiste un tema, la aplicacion usa la configuracion del sistema operativo. |
Errores comunes
| Situacion | Que hacer |
|---|---|
| El tema cambia pero vuelve al anterior al refrescar | Verificar que el navegador no este bloqueando el almacenamiento. Probar en otro navegador. |
| El cambio no se refleja en algunas pantallas | Reportar al equipo tecnico. Mientras tanto, intentar con Ctrl + F5 (recarga completa). |
| El sistema pide que elija un tema cada vez | El almacenamiento del navegador esta deshabilitado. Coordinar con el equipo de soporte. |
Permisos
No hay un permiso explicito. La opcion esta disponible para todos los usuarios autenticados.
Recomendaciones operativas
- Elegir un tema y mantenerlo. Cambiar constantemente puede ser incomodo.
- Si compartes el equipo con varios usuarios, recordar que la preferencia es por usuario y navegador.
- Modo noche recomendado para turnos largos frente a la pantalla, especialmente en administracion o caja.
- Coordinar con el equipo de soporte si algun componente no se ve bien en modo noche.
Relacion con otros modulos
- Mi perfil: la seccion "Aspecto del sistema" es otra forma de cambiar el tema. Ver Mi perfil.
- Spotlight: el modal respeta el tema actual.
- Bitacora y notificaciones: los colores de los popovers se ajustan al tema activo.
Pendiente de validar: confirmar si la aplicacion sigue al sistema operativo en tiempo real cuando el usuario no ha elegido un tema manualmente, o si requiere un refresh para detectar el cambio.