Couleurs et thèmes
Thème clair et sombre
Section intitulée « Thème clair et sombre »Le thème se choisit dans Paramètres → Préférences : clair, sombre, ou selon le système. Il est appliqué par l’attribut data-theme sur la page ; tous les composants lisent les mêmes variables.
--color-cream☀ #f8f6f1 · 1.0:1 —--color-surface☀ #fff · 1.1:1 —--color-ink☀ #1a1a18 · 16.1:1 AAA☾ #f0ede8 · 14.0:1 AAA--color-dark-bg☀ #1d1f2c · 15.1:1 AAA--color-dark-surface☀ #252836 · 13.5:1 AAA--color-dark-text☀ #f0ede8 · 1.1:1 —Basculez le thème de cette documentation : les spécimens ci-dessous changent avec lui, exactement comme dans l’application.
| Entreprise | Ville | Score | Étape |
|---|---|---|---|
| Plomberie Carlier | Roubaix | 78 | Scoré |
| Garage Vandamme | Lille | 61 | Analysé |
| Optique Vanhoutte | Douai | 34 | Collecté |
Les accents
Section intitulée « Les accents »Cinq accents au choix : bleu (par défaut), violet, vert, orange, rose. L’accent remplace toute l’échelle --color-blue-100 à --color-blue-900 : boutons principaux, liens, badges, barres de progression, focus.
La densité
Section intitulée « La densité »Deux densités : confort et compact. La densité réduit les marges des cartes et la hauteur des contrôles (--control-h : 44, 40 ou 34 px).
Plomberie Carlier
Roubaix · 78/100
Plomberie Carlier
Roubaix · 78/100
Les couleurs qui ne changent pas
Section intitulée « Les couleurs qui ne changent pas »Les couleurs sémantiques (succès, attention, danger) et les couleurs d’étapes du pipeline restent identiques quel que soit l’accent : elles portent un sens.
Palette complète : Couleurs.
© 2026 Alpha Lead Enginealphaleadengine.comApplication