From 7064a445c97026c2b20098aec155bb62b5e43aee Mon Sep 17 00:00:00 2001 From: Hugo van Kemenade Date: Mon, 28 Mar 2022 20:32:26 +0300 Subject: [PATCH] Invert text anchor images when light mode+dark toggle or dark mode+not light toggle (=dark or auto) --- docs/resources/css/dark.css | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/docs/resources/css/dark.css b/docs/resources/css/dark.css index 11f8ecf24..9d5802ef8 100644 --- a/docs/resources/css/dark.css +++ b/docs/resources/css/dark.css @@ -1,6 +1,11 @@ -@media (prefers-color-scheme: dark) { - /* For black-on-white/transparent images at handbook/text-anchors.html */ - #text-anchors img { +/* For black-on-white/transparent images at handbook/text-anchors.html */ +@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); } }