Remove color space from hover/active ::interest-button styles

mfreed7 · chromium-wpt-export-bot · commit 5e1c3a9ab3be · 2026-05-28T00:22:40.000-07:00
See conversation here: w3c/csswg-drafts#12437 (comment) Bug: 453705247 Change-Id: I90da87bedc691178216ec3b953e58de35bcd6765 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7877216 Auto-Submit: Mason Freed <masonf@chromium.org> Reviewed-by: David Baron <dbaron@chromium.org> Commit-Queue: David Baron <dbaron@chromium.org> Cr-Commit-Position: refs/heads/main@{#1637377}
diff --git a/html/semantics/interestfor/resources/interest-button-styles.css b/html/semantics/interestfor/resources/interest-button-styles.css
@@ -14,10 +14,10 @@
 }
 
 .fake-interest-button:hover {
-  background-color: color-mix(in lab, currentColor 10%, transparent);
+  background-color: color-mix(currentColor 10%, transparent);
 }
 
 .fake-interest-button:active {
-  background-color: color-mix(in lab, currentColor 20%, transparent);
+  background-color: color-mix(currentColor 20%, transparent);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -14,10 +14,10 @@`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.fake-interest-button:hover {`
`17`		`- background-color: color-mix(in lab, currentColor 10%, transparent);`
	`17`	`+ background-color: color-mix(currentColor 10%, transparent);`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.fake-interest-button:active {`
`21`		`- background-color: color-mix(in lab, currentColor 20%, transparent);`
	`21`	`+ background-color: color-mix(currentColor 20%, transparent);`
`22`	`22`	`}`
`23`	`23`