Fix background color on flat buttons on hover

ivarnakken · ivarnakken · commit 7d3ec749ed96 · 2025-02-12T19:18:16.000+01:00
diff --git a/packages/lego-bricks/src/components/Button/Button.module.css b/packages/lego-bricks/src/components/Button/Button.module.css
@@ -157,7 +157,12 @@
   }
 
   &[data-pressed] {
-    background-color: var(--color-gray-2);
+    background-color: rgba(
+      var(--rgb-min),
+      var(--rgb-min),
+      var(--rgb-min),
+      calc(var(--low-alpha) * 2)
+    );
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,12 @@`
`157`	`157`	`}`
`158`	`158`
`159`	`159`	`&[data-pressed] {`
`160`		`- background-color: var(--color-gray-2);`
	`160`	`+ background-color: rgba(`
	`161`	`+ var(--rgb-min),`
	`162`	`+ var(--rgb-min),`
	`163`	`+ var(--rgb-min),`
	`164`	`+ calc(var(--low-alpha) * 2)`
	`165`	`+ );`
`161`	`166`	`}`
`162`	`167`	`}`
`163`	`168`