Invert text anchor images when light mode+dark toggle or dark mode+not light toggle (=dark or auto)

This commit is contained in:
Hugo van Kemenade 2022-03-28 20:32:26 +03:00
parent 3ce484bd3d
commit 7064a445c9

View File

@ -1,6 +1,11 @@
@media (prefers-color-scheme: dark) {
/* For black-on-white/transparent images at handbook/text-anchors.html */
#text-anchors img {
@media (prefers-color-scheme: light) {
body[data-theme="dark"] #text-anchors img {
filter: invert(1) brightness(0.85) hue-rotate(-60deg);
}
}
@media (prefers-color-scheme: dark) {
body:not([data-theme="light"]) #text-anchors img {
filter: invert(1) brightness(0.85) hue-rotate(-60deg);
}
}