Retour à la leçonMission
Mission : un thème sombre à moitié cassé sur une variable oubliée
Diagnostiquer une variable non redéfinie dans un thème et comprendre le calcul en temps réel des custom properties.
Contexte
Sur theme.css, :root définit --bg: #ffffff;, --fg: #1a1a1a; et --bordure: #e5e5e5;. Le sélecteur [data-theme="dark"] redéfinit bien --bg: #0f0f0f; et --fg: #f0f0f0;, mais un développeur a oublié d'y redéfinir --bordure. Résultat : en thème sombre, toutes les bordures de carte restent d'un gris très clair (#e5e5e5), presque invisibles sur le fond sombre.