Tema
Tema controla el estilo visual de la interfaz de ARGUS. Vive en Ajustes → App → Interface bajo la fila Theme. Dos botones: Dark y Light.
Modos
Sólo dos modos existen en la build actual. El ThemeService alterna
theme-dark o theme-light como clase en la raíz HTML y persiste la
elección a localStorage bajo sar.theme.
Dark
El valor por defecto para operadores. Base casi negra, acentos cian y ámbar, optimizada para sesiones largas en luz ambiente baja y para leer superpuesto a vídeo e imaginería satelital. Cada tile, gráfico y mapa está diseñado dark-first.
Light
Una paleta clara de alto contraste para briefings diurnos, exportaciones de informes mostradas en proyectores y uso de campo brillante al aire libre. Todos los iconos, gráficos y overlays de mapa tienen variantes en modo claro para preservar la densidad de información.
Tactical (aspiracional)
Un tercer modo — Tactical — no está implementado. El brief de diseño llama a una paleta ultra-oscura sólo en ámbar adecuada para preservación de visión nocturna roja (pilotos y operadores que transicionan entre cockpit y consola sin perder adaptación a la oscuridad). Hoy el modo Dark es la aproximación más cercana. El modo táctico está trackeado en el roadmap y aterrizará como un tercer botón en la misma fila.
Color de acento
El color de acento que tinta el anillo de tu avatar, chip de callsign, pin de mapa y borde de burbuja de chat no es un ajuste de tema — es un ajuste de perfil. Valores por defecto:
- Si tu org tiene un color de marca, tu acento empieza como ese.
- De lo contrario por defecto es
#2762ea(azul ARGUS).
Puedes sobrescribir el acento por usuario y por org en Ajustes → Perfil → Asset colour. Doce swatches preset, una entrada hex y un selector nativo de color. Los overrides por org se superponen sobre el ajuste global.
Reducción de movimiento
ARGUS respeta automáticamente el ajuste de accesibilidad del SO
prefers-reduced-motion — las animaciones de abrir/cerrar tiles, easings de
fly-to del mapa y deslizamientos de notificación colapsan a transiciones
instantáneas cuando el SO lo solicita. Alternar el ajuste del SO tiene
efecto en la próxima navegación.
Un toggle in-app de force reduced-motion (para usuarios que lo quieren activado sin cambiar el estado del SO) es aspiracional y aún no está en la UI.
Tamaño de fuente
El escalado de fuente no es estrictamente un ajuste de tema pero vive
junto a él en la misma sección. El slider escala cada rem de la UI desde
el 75% hasta el 150%. Consulta Ajustes de app →
Font size.
Calidad de mapa (aspiracional)
Un toggle de Map quality (Performance / Balanced / Quality) que intercambia LOD 3D y foveación por framerate está planificado. Hoy el mapa 3D ejecuta su preset interno Balanced y no puede sobrescribirse desde Ajustes.
Cómo se aplica
Bajo el capó, ThemeService.set('dark' | 'light') alterna las clases
theme-dark y theme-light en <html>, persiste el modo, y cada
propiedad personalizada CSS (--tac-bg, --tac-accent, …) se resuelve
contra la clase activa. Cada componente lee esas variables para que el
cambio sea verdaderamente instantáneo — sin recarga, sin flash.
Relacionado
- Ajustes de app
- Perfil — color de acento, color de callsign
- Filtros de visión de mapa