Reduce subtlety of button hover styles

pimterry · pimterry · commit 4719c93582f7 · 2024-07-23T17:40:32.000+02:00
diff --git a/src/components/common/inputs.tsx b/src/components/common/inputs.tsx
@@ -9,11 +9,11 @@ export const interactiveMouseoverStyles = css`
     &:not([disabled]) {
         cursor: pointer;
         &:hover {
-            background-image: linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));
+            background-image: linear-gradient(transparent, rgba(0,0,0,.1) 40%, rgba(0,0,0,.2));
         }
 
         &:active {
-            background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.05) 40%, transparent);
+            background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1) 40%, transparent);
         }
 
         &:focus {

Original file line number	Diff line number	Diff line change
@@ -9,11 +9,11 @@ export const interactiveMouseoverStyles = css`
`9`	`9`	`&:not([disabled]) {`
`10`	`10`	`cursor: pointer;`
`11`	`11`	`&:hover {`
`12`		`- background-image: linear-gradient(transparent, rgba(0,0,0,.05) 40%, rgba(0,0,0,.1));`
	`12`	`+ background-image: linear-gradient(transparent, rgba(0,0,0,.1) 40%, rgba(0,0,0,.2));`
`13`	`13`	`}`
`14`	`14`
`15`	`15`	`&:active {`
`16`		`- background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.05) 40%, transparent);`
	`16`	`+ background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,.1) 40%, transparent);`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`&:focus {`