Thème sombre en CSS

Palaiseau, le 26 mai 2026

Cher Journal,

En navigant dans le code CSS de quelque site web, en l'occurrence le CSS du weblog de Greg Kroah-Hartman, j'ai identifié comment appliquer un thème sombre à mon site web pour les navigateurs préférant spécifiquement un tel thème. Le principe est de surcharger attributs définissant les couleurs de la palette en utilisant une classe @media et de vérifier l'état du paramètre prefers-color-scheme dans le cas où il est réglé sur « dark ». Je l'ai injecté dans le CSS du site pour rajouter un thème dans le plus pur style du VT220 « ambre ». Il s'agit du morceau de CSS qui ressemble à :

@media (prefers-color-scheme: dark) {
	body {
		background: black;
		color: orange;
	}
	a {
		color: yellow;
	}
	a:visited {
		color: orange;
	}
}

Dans un environnement où les thèmes sombres sont explicitement préférés, le site devrais désormais ressembler à quelque chose comme :

J'ai hésité contacter Ellane W, qui est à la recherche de la façon d'effectuer cette bascule pour son propre site web, mais comme elle utilise Blot, je ne suis pas convaincu d'être en mesure de déterminer si mes suggestions seront adaptées. Ceci dit, en cherchant dans la base de support utilisateur de Blot, j'ai vu plusieurs occurrences d'autres utilisateurs cherchant à résoudre ce problème, par exemple dans le cadre du ticket de support Blot numéro 1142. J'ai bien l'impression que l'approche pourrait être pertinente.

	Name	Last modified	Size
	Parent Directory		-
	amber.png	2026-05-26 23:25	15K