Thèmes

Thème Aurora en clair et sombre — tokens sémantiques consommés par tous les composants. Basculer ci-dessous : le changement persiste via localStorage.

Thème actif : Aurora sombre

Arrière-plans & surfaces

--color-bg

surface

--color-surface

surface-alt

--color-surface-alt

Texte

fg (primary)

--color-fg

muted (secondary)

--color-muted

subtle (tertiary)

--color-subtle

Accent

accent

--color-accent

accent-dim

--color-accent-dim

accent-alt

--color-accent-alt

États fonctionnels

positive (gain)

--color-positive

negative (perte)

--color-negative

warning (alerte)

--color-warning

Catégories éducatives (/apprendre)

épargne

--color-learn-epargne

placement

--color-learn-placement

budget

--color-learn-budget

dette

--color-learn-dette

patrimoine

--color-learn-patrimoine

Portes de l'accueil (Orbit Reveal)

fire (indépendance financière)

--color-fire

Carte composite (surfaces + texte + bordures)

Patrimoine total

482 300 $

Gain YTD

+12,4 %

Objectif

87 %

Perte max DD

-4,1 %

Focus ring (Tab pour naviguer)

Le focus ring utilise --focus-ring du thème actif — contrasté en clair comme en sombre.