Infra: Only invert image brightness, not hue (#2949)

flying-sheep · web-flow · commit 631ee6ce602d · 2023-01-06T16:33:58.000Z
Since inversion doesn’t just affect brightness, but also hue, there’s a problem: Some background colors have perceptually less contrast with their text when hue rotated. This rotates their hue back, fixing the contrast issue.
diff --git a/pep_sphinx_extensions/pep_theme/static/style.css b/pep_sphinx_extensions/pep_theme/static/style.css
@@ -53,7 +53,7 @@
 }
 
 img.invert-in-dark-mode {
-    filter: var(--dark, invert(1));
+    filter: var(--dark, invert(1) hue-rotate(.5turn));
 }
 
 /* Set master rules */

Original file line number	Diff line number	Diff line change
`@@ -53,7 +53,7 @@`
`53`	`53`	`}`
`54`	`54`
`55`	`55`	`img.invert-in-dark-mode {`
`56`		`- filter: var(--dark, invert(1));`
	`56`	`+ filter: var(--dark, invert(1) hue-rotate(.5turn));`
`57`	`57`	`}`
`58`	`58`
`59`	`59`	`/* Set master rules */`