TMS-1164: Button hover color fixes

eebbi · eebbi · commit 9e4e8dfef896 · 2026-02-09T11:22:24.000+02:00
diff --git a/CHANGELOG.MD b/CHANGELOG.MD
@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1164: Button hover color fixes
+
 ## [1.71.0] - 2026-02-03
 
 - TMS-1164: Change button hover & focus styles
diff --git a/assets/styles/themes/_theme-paahde-overrides.scss b/assets/styles/themes/_theme-paahde-overrides.scss
@@ -45,7 +45,6 @@
         &:hover,
         &:focus {
             color: $primary-invert !important;
-            background-color: $primary !important;
         }
     }
 
diff --git a/assets/styles/themes/theme-mustavalkoinen-overrides.scss b/assets/styles/themes/theme-mustavalkoinen-overrides.scss
@@ -76,12 +76,17 @@
     }
 
     .button {
-        background-color: $black !important;
-        color: $white !important;
-        border-color: $black !important;
+        &,
+        &:hover,
+        &:focus,
+        &:active {
+            background-color: $black !important;
+            color: $white !important;
+            border-color: $black !important;
 
-        .icon {
-            fill: $white !important;
+            .icon {
+                fill: $white !important;
+            }
         }
     }
 }
diff --git a/assets/styles/ui-components/_pill.scss b/assets/styles/ui-components/_pill.scss
@@ -102,10 +102,6 @@ $pill-hover-shadow-color: rgba(0, 0, 0, .15) !default;
     &.is-active {
         color: $pill-color-active;
         background-color: $pill-background-active;
-
-        &:hover {
-            color: $pill-color-active;
-        }
     }
 
     &.is-outlined {

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,6 @@`
`45`	`45`	`&:hover,`
`46`	`46`	`&:focus {`
`47`	`47`	`color: $primary-invert !important;`
`48`		`- background-color: $primary !important;`
`49`	`48`	`}`
`50`	`49`	`}`
`51`	`50`
Original file line number	Diff line number	Diff line change
`@@ -76,12 +76,17 @@`
`76`	`76`	`}`
`77`	`77`
`78`	`78`	`.button {`
`79`		`- background-color: $black !important;`
`80`		`- color: $white !important;`
`81`		`- border-color: $black !important;`
	`79`	`+ &,`
	`80`	`+ &:hover,`
	`81`	`+ &:focus,`
	`82`	`+ &:active {`
	`83`	`+ background-color: $black !important;`
	`84`	`+ color: $white !important;`
	`85`	`+ border-color: $black !important;`
`82`	`86`
`83`		`- .icon {`
`84`		`- fill: $white !important;`
	`87`	`+ .icon {`
	`88`	`+ fill: $white !important;`
	`89`	`+ }`
`85`	`90`	`}`
`86`	`91`	`}`
`87`	`92`	`}`