Site Tools


informatique:web:css

CSS

Thème clair / sombre automatiquement

/* Thème sombre par défaut, je suis trop dark tavu */
:root {
	--txt-color: #bababa;
	--bg-color: #252526;
	--body-font: 'Georgia', serif;
}
 
/* thème clair */
@media (prefers-color-scheme: light) {
	:root {
		--bg-color: #eff2f8;
		--txt-color: #333333;
	}
}
 
body {
	background-color: var(--bg-color);
	color: var(--txt-color);
	font-family: var(--body-font);
}

Coller un chat en coin de page

Ça fonctionne aussi avec autre chose qu'un chat.

Voir Erreur503 ou le blog.

body {
	background: no-repeat bottom right fixed url("img/cat.png");
}
informatique/web/css.txt · Last modified: 2024/11/25 10:48 by yahiko