TMS-1164: Color theme button hovers

eebbi · eebbi · commit c178afd25e27 · 2025-12-16T15:02:27.000+02:00
diff --git a/assets/styles/helpers/_button.scss b/assets/styles/helpers/_button.scss
@@ -296,10 +296,7 @@ $button-transition-speed: $speed !default;
             &.is-outlined {
                 &,
                 &:active,
-                &.is-active {
-                    @include button_colors(transparent, $btn-pair-primary, $btn-pair-primary);
-                }
-
+                &.is-active,
                 &:hover,
                 &:focus,
                 &.is-hovered {
@@ -327,10 +324,7 @@ $button-transition-speed: $speed !default;
             &.is-inverted {
                 &,
                 &:active,
-                &.is-active {
-                    @include button_colors($btn-pair-primary-invert, $btn-pair-primary-text, $btn-pair-primary-invert);
-                }
-
+                &.is-active,
                 &:hover,
                 &.is-hovered,
                 &:focus,
diff --git a/assets/styles/themes/_theme-haive-overrides.scss b/assets/styles/themes/_theme-haive-overrides.scss
@@ -43,11 +43,16 @@
 .language-nav {
     .dropdown-trigger {
         .button {
-            color: $black !important;
-            border-color: $black !important;
+            &,
+            &:hover,
+            &:focus,
+            &:active {
+                color: $black !important;
+                border-color: $black !important;
 
-            .icon {
-                fill: $black !important;
+                .icon {
+                    fill: $black !important;
+                }
             }
         }
     }
diff --git a/assets/styles/themes/_theme-kokemus-overrides.scss b/assets/styles/themes/_theme-kokemus-overrides.scss
@@ -35,11 +35,16 @@
 .language-nav {
     .dropdown-trigger {
         .button {
-            color: $black !important;
-            border-color: $black !important;
+            &,
+            &:hover,
+            &:focus,
+            &:active {
+                color: $black !important;
+                border-color: $black !important;
 
-            .icon {
-                fill: $black !important;
+                .icon {
+                    fill: $black !important;
+                }
             }
         }
     }
@@ -215,8 +220,13 @@
     }
 
     .button.is-primary {
-        color: $black !important;
-        border-color: $black !important;
+        &,
+        &:hover,
+        &:focus,
+        &:active {
+            color: $black !important;
+            border-color: $black !important;
+        }
     }
 }
 
diff --git a/assets/styles/themes/_theme-paahde-overrides.scss b/assets/styles/themes/_theme-paahde-overrides.scss
@@ -2,12 +2,23 @@
  *  Copyright (c) 2021. Geniem Oy
  */
 
-.button {
-    color: $black !important;
-    border-color: $black !important;
+// Use a low-level selector for easier overriding
+.site-header,
+.main-content,
+.site-footer {
+    .button {
+        &,
+        &#js-back-to-top,
+        &:hover,
+        &:focus,
+        &:active {
+            color: $black !important;
+            border-color: $black !important;
 
-    .icon {
-        fill: $black !important;
+            .icon {
+                fill: $black !important;
+            }
+        }
     }
 }
 
@@ -41,11 +52,16 @@
 .language-nav {
     .dropdown-trigger {
         .button {
-            color: $black !important;
-            border-color: $black !important;
+            &,
+            &:hover,
+            &:focus,
+            &:active {
+                color: $black !important;
+                border-color: $black !important;
 
-            .icon {
-                fill: $black !important;
+                .icon {
+                    fill: $black !important;
+                }
             }
         }
     }

Original file line number	Diff line number	Diff line change
`@@ -35,11 +35,16 @@`
`35`	`35`	`.language-nav {`
`36`	`36`	`.dropdown-trigger {`
`37`	`37`	`.button {`
`38`		`- color: $black !important;`
`39`		`- border-color: $black !important;`
	`38`	`+ &,`
	`39`	`+ &:hover,`
	`40`	`+ &:focus,`
	`41`	`+ &:active {`
	`42`	`+ color: $black !important;`
	`43`	`+ border-color: $black !important;`
`40`	`44`
`41`		`- .icon {`
`42`		`- fill: $black !important;`
	`45`	`+ .icon {`
	`46`	`+ fill: $black !important;`
	`47`	`+ }`
`43`	`48`	`}`
`44`	`49`	`}`
`45`	`50`	`}`
`@@ -215,8 +220,13 @@`
`215`	`220`	`}`
`216`	`221`
`217`	`222`	`.button.is-primary {`
`218`		`- color: $black !important;`
`219`		`- border-color: $black !important;`
	`223`	`+ &,`
	`224`	`+ &:hover,`
	`225`	`+ &:focus,`
	`226`	`+ &:active {`
	`227`	`+ color: $black !important;`
	`228`	`+ border-color: $black !important;`
	`229`	`+ }`
`220`	`230`	`}`
`221`	`231`	`}`
`222`	`232`