Le mode sombre, partout
Des jetons de thème, un sélecteur qui suit le système et des surfaces au contraste vérifié.
2.0.0
Chaque surface du gabarit possède désormais une valeur claire et une valeur sombre, et le sélecteur retient votre choix.
Ajouté
- Un sélecteur de thème dans l’en-tête et dans le tiroir mobile, tous deux pilotés
par le même attribut
data-themesur la racine du document. prefers-color-schemeest lu une seule fois à la première visite, puis le choix enregistré l’emporte.- Des blocs de code à double thème — Shiki produit les deux palettes et le CSS les échange, sans clignotement ni seconde passe de coloration.
Modifié
- Plus aucune couleur écrite en dur dans
src/. Les composants utilisent des jetons sémantiques (bg-background,text-muted-foreground,border-border) et les fichiers de thème détiennent les valeurs réelles.
// Le sélecteur écrit un attribut, le CSS fait le reste.
document.documentElement.dataset.theme = next;
localStorage.setItem("theme", next);
Corrigé
- Les anneaux de focus restaient invisibles sur les surfaces sombres lorsqu’un
élément portait un
outline-nonenu à côté de sa règlefocus-visible:outline-*.