Thema Architektur und visuelle Ergonomie

Visuelle Ergonomie ist entscheidend für die Handelskonsistenz. Ein längerer Kontakt mit Schnittstellen mit hoher Leuchtdichte während sich überschneidender Marktsitzungen (z. B. Crossover London/New York) trägt erheblich zu kognitiver Ermüdung und impulsiver Entscheidungsfindung bei.

ILoveTrading bietet eine reaktive, kontrastreiche Theme-Engine, die speziell für analytische Klarheit in verschiedenen Lichtumgebungen entwickelt wurde.

Visuelle Modi

1. Dunkler Modus (Standard)

Institutionaler Standard: Abgestimmt mit dunklen Schiefer-Hintergründen („#0f172a“ / „#020617“) und gedämpften Strukturrändern, um die Belastung für die Augen zu minimieren.
Chart-Fokus: Maximiert die visuelle Trennung von Candlestick-Mustern, Aktienkurven und PnL-Heatmaps, während Achsenbeschriftungen und Gitterlinien unauffällig bleiben.

2. Lichtmodus

Umgebungen mit hoher Umgebungstemperatur: Optimiert für den Tageshandel in hellen Räumen oder die Erstellung von Berichten mit hohem Kontrast.
Farbbalance: Verwendet neutrale kühle Graupaletten, um starke Blendung zu verhindern und gleichzeitig eine klare Unterscheidung zwischen Grün und Rot zu gewährleisten.

Systemmechanik und Persistenz

Clientseitige Persistenz: Der Theme-Status wird im „localStorage“ Ihres Browsers gespeichert. Beim Aktualisieren oder Öffnen neuer Tabs löst die Anwendung Ihre visuelle Präferenz sofort auf, um Flash-of-Unstyled-Content (FOUC) zu verhindern.
**Betriebssystem- und Hardware-Integration:**Die Theme-Engine lauscht auf Änderungen auf Systemebene („prefers-color-scheme“). Wenn die Plattform auf Systemanpassung eingestellt ist, wechselt die Plattform automatisch entsprechend dem Zeitplan Ihres Betriebssystems (z. B. Sonnenaufgangs-/Sonnenuntergangsübergänge).
Dynamisches Diagramm-Neurendering: Alle Recharts-Komponenten, Tooltips und SVG-gerenderten Kalender-Heatmaps berechnen die Deckkraft der Striche, die Farben der Gitterlinien und die Füllalphabete dynamisch neu, wenn Sie das Design wechseln, ohne dass die Seite neu geladen oder die Daten erneut abgerufen werden müssen.

Best Practices

Tip

[!TIP] Reduzierung der Sitzungsermüdung: Verwenden Sie den Dunklen Modus für Multi-Monitor-Setups und aktive Ausführungssitzungen. Wechseln Sie in den Light-Modus, wenn Sie Diagramme exportieren oder druckfertige Berichte überprüfen.

Important

[!IMPORTANT] Verwendung auf mehreren Geräten: Da die Einstellungen lokal in Ihrem Browser gespeichert werden, um Server-Round-Trip-Latenz zu vermeiden, müssen Sie Ihre Design-Präferenz einmal auf jedem einzelnen Gerät oder Browserprofil auswählen, das Sie verwenden.

ILoveTrading Dokumentation