Thème Architecture & Ergonomie Visuelle

L'ergonomie visuelle est essentielle à la cohérence des transactions. Une exposition prolongée à des interfaces à haute luminance lors de sessions de marché qui se chevauchent (par exemple, le croisement Londres/New York) contribue de manière significative à la fatigue cognitive et à la prise de décision impulsive.

ILoveTrading fournit un moteur de thème réactif et à contraste élevé, spécialement conçu pour une clarté analytique dans différents environnements d'éclairage.

---

Modes visuels

1. Mode sombre (par défaut)

• Norme institutionnelle : Adapté avec des fonds d'ardoise profonds (#0f172a / #020617) et des bordures structurelles atténuées pour minimiser la fatigue oculaire.
• Chart Focus : Maximise la séparation visuelle des modèles de chandeliers, des courbes d'actions et des cartes thermiques PnL tout en gardant les étiquettes d'axe et le quadrillage discrets.

2. Mode lumière

• Environnements à ambiance élevée : Optimisés pour les échanges de jour dans des pièces lumineuses ou la génération de rapports à contraste élevé.
• Balance des couleurs : Utilise des palettes neutres de gris froid pour éviter les reflets agressifs tout en préservant la distinction claire entre le vert et le rouge.

---

Mécanique du système et persistance

1. Persistance côté client : L'état du thème est conservé dans le « localStorage » de votre navigateur. Lors de l'actualisation ou de l'ouverture de nouveaux onglets, l'application résout immédiatement votre préférence visuelle pour éviter le flash de contenu sans style (FOUC).

2. **Intégration du système d'exploitation et du matériel :**Le moteur de thème écoute les modifications au niveau du système (« prefers-color-scheme »). Si elle est définie sur la correspondance du système, la plate-forme effectue automatiquement la transition en fonction du calendrier de votre système d'exploitation (par exemple, transitions lever/coucher du soleil).

3. Rerendu dynamique des graphiques : Tous les composants Recharts, les info-bulles et les cartes thermiques de calendrier rendues en SVG recalculent dynamiquement les opacités des traits, les couleurs du quadrillage et remplissent les niveaux alpha lors du changement de thème sans nécessiter un rechargement de page ou une nouvelle récupération des données.

---

## meilleures pratiques