Petit article qui m’a moi même permis de comprendre tout ça. En fait, il n’y a pas grand chose à comprendre : ces nombres imaginaires n’ont rien de mystiques et y a pas besoin de voir en 12 dimensions pour les visualiser. Pas plus que les nombres relatifs.

~

Sinon, pour les web-dev, une petite astuce pour faire afficher des images PNG transparentes à la fois sur les fonds clairs et les fonds sombres.
C’est valables pour les schémas et autres diagrammes :

@media (prefers-color-scheme: dark) {
	img[src$=".png"] {
		filter: invert(1);
	}
}

Ça cible les PNG uniquement (donc les seules avec transparence, pas les JPG (généralement utilisées pour les photos) et ça inverse les couleurs : le noir devient blanc, le blanc devient noir, mais le transparent n’est pas touché.
Seul soucis : le rouge devient vert, etc. Mais sur un schéma ou diagramme, ça ne gêne pas.

Autre méthode, mais moins jolie : ajouter un fond blanc sur toutes les images. Comme ça, sur un texte clair sur fond sombre, les images noir sur fond blanc restent noirs sur fond blanc (et donc lisibles) :

img[src$=".png"] {
	background: white;
}
}

— (permalink)