Override dark vintage theme brightness filter on images for important UX cues.

hackademix · hackademix · commit 736548ca2f63 · 2022-03-24T09:18:02.000+01:00
diff --git a/src/ui/common.css b/src/ui/common.css
@@ -128,7 +128,7 @@ input[type="radio"]:not(.preset):checked {
 
 
 input:disabled, button:disabled, select:disabled {
-  filter: grayscale(100%) contrast(33%);;
+  filter: grayscale(100%) contrast(33%) !important;
   opacity: .7;
 }
 
@@ -142,7 +142,7 @@ input:disabled, button:disabled, select:disabled {
     drop-shadow(2px 2px 2px var(--focus-color))
     drop-shadow(-2px 2px 2px var(--focus-color))
     drop-shadow(2px -2px 2px var(--focus-color))
-    drop-shadow(-2px -2px 2px var(--focus-color));
+    drop-shadow(-2px -2px 2px var(--focus-color)) !important;
 }
 
 

Original file line number	Diff line number	Diff line change
`@@ -128,7 +128,7 @@ input[type="radio"]:not(.preset):checked {`
`128`	`128`
`129`	`129`
`130`	`130`	`input:disabled, button:disabled, select:disabled {`
`131`		`- filter: grayscale(100%) contrast(33%);;`
	`131`	`+ filter: grayscale(100%) contrast(33%) !important;`
`132`	`132`	`opacity: .7;`
`133`	`133`	`}`
`134`	`134`
`@@ -142,7 +142,7 @@ input:disabled, button:disabled, select:disabled {`
`142`	`142`	`drop-shadow(2px 2px 2px var(--focus-color))`
`143`	`143`	`drop-shadow(-2px 2px 2px var(--focus-color))`
`144`	`144`	`drop-shadow(2px -2px 2px var(--focus-color))`
`145`		`- drop-shadow(-2px -2px 2px var(--focus-color));`
	`145`	`+ drop-shadow(-2px -2px 2px var(--focus-color)) !important;`
`146`	`146`	`}`
`147`	`147`
`148`	`148`