Reduce opacity of disabled select elements in forced colors mode

ElormCoch · Devtools-frontend LUCI CQ · commit 05e25e639b20 · 2026-01-06T22:05:11.000-08:00
Before: In high contrast Desert mode, user is unable to differentiate between the enable and disabled 'Link handling auto' combo box. - https://imgur.com/a/bpzXZBG After: https://imgur.com/a/CU8eQaD Bug: 471095586 Change-Id: I4b265ddf2e8a88ec7d33ce296071bbc91a1ad093 Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/7298803 Commit-Queue: Sylvester Elorm Coch <elormcoch@microsoft.com> Reviewed-by: Wolfgang Beyer <wolfi@chromium.org>
diff --git a/front_end/ui/legacy/inspectorCommon.css b/front_end/ui/legacy/inspectorCommon.css
@@ -610,7 +610,7 @@ button.link:focus-visible {
 @media (forced-colors: active) {
   .dimmed,
   select:disabled {
-    opacity: 100%;
+    opacity: 70%;
   }
 
   .harmony-input:not([type]),

Original file line number	Diff line number	Diff line change
`@@ -610,7 +610,7 @@ button.link:focus-visible {`
`610`	`610`	`@media (forced-colors: active) {`
`611`	`611`	`.dimmed,`
`612`	`612`	`select:disabled {`
`613`		`- opacity: 100%;`
	`613`	`+ opacity: 70%;`
`614`	`614`	`}`
`615`	`615`
`616`	`616`	`.harmony-input:not([type]),`