Arquitetura temática e ergonomia visual

A ergonomia visual é crítica para a consistência da negociação. A exposição prolongada a interfaces de alta luminância durante sessões de mercado sobrepostas (por exemplo, cruzamento Londres/Nova Iorque) contribui significativamente para a fadiga cognitiva e a tomada de decisões impulsivas.

ILoveTrading fornece um mecanismo de temas reativo e de alto contraste construído especificamente para clareza analítica em diferentes ambientes de iluminação.

---

Modos Visuais

1. Modo escuro (padrão)

• Padrão Institucional: Ajustado com fundos de ardósia profundos (#0f172a / #020617) e bordas estruturais silenciadas para minimizar a tensão ocular.
• Foco no gráfico: Maximiza a separação visual de padrões de velas, curvas de patrimônio e mapas de calor PnL, mantendo os rótulos dos eixos e linhas de grade discretos.

2. Modo claro

• Ambientes de alto ambiente: Otimizado para negociações diurnas em salas iluminadas ou geração de relatórios de alto contraste.
• Equilíbrio de cores: Usa paletas neutras de cinza frio para evitar reflexos intensos, preservando a distinção nítida entre verde/vermelho e perda.

---

Mecânica e Persistência do Sistema

1. Persistência do lado do cliente: O estado do tema persiste no localStorage do seu navegador. Ao atualizar ou abrir novas guias, o aplicativo resolve sua preferência visual imediatamente para evitar flash de conteúdo sem estilo (FOUC).

2. **Integração de SO e Hardware:**O mecanismo do tema escuta alterações no nível do sistema (prefers-color-scheme). Se definida para correspondência de sistema, a plataforma faz a transição automaticamente junto com a programação do sistema operacional (por exemplo, transições do nascer/pôr do sol).

3. Re-renderização dinâmica do gráfico: Todos os componentes do Recharts, dicas de ferramentas e mapas de calor de calendário renderizados em SVG recalculam dinamicamente opacidades de traços, cores de linhas de grade e níveis alfa de preenchimento ao alternar temas sem exigir recarregamento de página ou busca de dados novamente.

---

Melhores práticas