Couleurs
Contenu généré
Cette page est générée automatiquement depuis src/app/globals.css via npm run docs:generate-tokens. Ne pas éditer à la main.
Backgrounds
| Token | Valeur |
|---|---|
--color-bg | #050506 |
--color-base | #0a0a0c |
--color-elevated | #111116 |
--color-surface | rgba(255, 255, 255, 0.05) |
--color-surface-hover | rgba(255, 255, 255, 0.08) |
Borders
| Token | Valeur |
|---|---|
--color-border | rgba(255, 255, 255, 0.08) |
--color-border-strong | rgba(255, 255, 255, 0.14) |
Text
| Token | Valeur |
|---|---|
--color-text | #EDEDEF |
--color-text-muted | #8A8F98 |
--color-text-subtle | #5A5F6A |
Accent ambre/or
| Token | Valeur |
|---|---|
--color-accent | #F59E0B |
--color-accent-hover | #D97706 |
--color-accent-muted | rgba(245, 158, 11, 0.12) |
--color-accent-glow | rgba(245, 158, 11, 0.2) |
Sémantique financière
| Token | Valeur |
|---|---|
--color-positive | #10B981 |
--color-positive-muted | rgba(16, 185, 129, 0.12) |
--color-negative | #EF4444 |
--color-negative-muted | rgba(239, 68, 68, 0.12) |
--color-info | #5E6AD2 |
--color-info-muted | rgba(94, 106, 210, 0.12) |
--color-warning | #F59E0B |