Arquitectura de Temas y Ergonomía Visual

La ergonomía visual es fundamental para la consistencia en el trading. La exposición prolongada a interfaces de alta luminosidad durante sesiones de mercado superpuestas (por ejemplo, el solapamiento entre Londres y Nueva York) contribuye significativamente a la fatiga cognitiva y a la toma de decisiones impulsiva.

ILoveTrading proporciona un motor de temas reactivo y de alto contraste creado específicamente para brindar claridad analítica en diferentes entornos de iluminación.

---

Modos Visuales

1. Modo Oscuro (Predeterminado)

• Estándar Institucional: Ajustado con fondos oscuros profundos (#0f172a / #020617) y bordes estructurales sutiles para minimizar la fatiga ocular.
• Enfoque en Gráficos: Maximiza la separación visual de velas japonesas, curvas de equity y mapas de calor de PnL mientras mantiene discretas las etiquetas de ejes y líneas de cuadrícula.

2. Modo Claro

• Entornos de Alta Luminosidad: Optimizado para operar durante el día en habitaciones luminosas o para la generación de informes con alto contraste.
• Equilibrio de Color: Utiliza paletas neutras de grises fríos para evitar reflejos molestos mientras preserva la clara distinción verde/rojo de ganancias y pérdidas.

---

Mecánica del Sistema y Persistencia

1. Persistencia del Lado del Cliente: El estado del tema se almacena en el localStorage de su navegador. Al recargar o abrir nuevas pestañas, la aplicación resuelve su preferencia visual de inmediato para evitar destellos de contenido sin estilo (FOUC).

2. Integración con Sistema Operativo y Hardware: El motor de temas escucha los cambios a nivel del sistema (prefers-color-scheme). Si está configurado para coincidir con el sistema, la plataforma realiza la transición automáticamente según el horario de su sistema operativo.

3. Renderizado Dinámico de Gráficos: Todos los componentes de Recharts, tooltips y mapas de calor de calendario renderizados en SVG recalculan dinámicamente opacidades de trazo, colores de cuadrícula y niveles de relleno alfa al cambiar de tema, sin requerir recargar la página ni volver a consultar datos.

---

Mejores Prácticas