TMS-1164: Remove color changing for button hover-styles

Author: eebbi

CHANGELOG.MD

@@ -7,6 +7,8 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+- TMS-1164: Remove color changing for button hover-styles
+
 ## [1.5.0] - 2025-10-01
 
 - TMS-1201: Add iframe-field for video fields

assets/styles/ui-components/_button.scss

@@ -11,7 +11,6 @@ $button-secondary-border-color: $button-primary-border-color;
     text-transform: uppercase;
     padding: .5rem 1.5rem;
     border-color: transparent !important;
-    // box-shadow: 1px 1px 8px 0 bulmaLighten($primary-invert, 50);
     color: $primary;
     background-color: $primary-invert;
 
@@ -20,19 +19,17 @@ $button-secondary-border-color: $button-primary-border-color;
     &:focus,
     &.is-focused {
         box-shadow: 0 .15rem .375rem rgba(0, 0, 0, .15);
-        background-color: $primary !important;
-        color: $primary-invert !important;
-        border-color: $primary-invert !important;
+        color: $primary;
+    }
 
-        &:active {
-            background-color: $primary-invert !important;
-            color: $primary !important;
-            text-decoration: underline !important;
-            outline: none !important;
+    &:active {
+        background-color: $primary-invert !important;
+        color: $primary !important;
+        text-decoration: underline !important;
+        outline: none !important;
 
-            .icon {
-                fill: currentColor !important;
-            }
+        .icon {
+            fill: currentColor !important;
         }
     }
 
@@ -53,17 +50,6 @@ $button-secondary-border-color: $button-primary-border-color;
         color: $primary-invert !important;
         border-color: $primary-invert !important;
 
-        &:hover,
-        &:focus {
-            color: $primary !important;
-            background-color: $primary-invert !important;
-            border-color: $primary-invert !important;
-
-            .icon {
-                fill: $primary !important;
-            }
-        }
-
         &.is-outlined {
             &:hover,
             &:focus {
@@ -86,23 +72,6 @@ $button-secondary-border-color: $button-primary-border-color;
             fill: currentColor !important;
             color: inherit;
         }
-
-        &:hover,
-        &:focus {
-            background-color: $link-hover !important;
-
-            .icon {
-                fill: currentColor !important;
-                color: inherit;
-            }
-        }
-
-        &:active,
-        &.is-active {
-            background-color: $primary !important;
-            color: $primary-invert !important;
-            border-color: $primary-invert !important;
-        }
     }
 
     &.is-secondary {
@@ -112,30 +81,11 @@ $button-secondary-border-color: $button-primary-border-color;
         .icon {
             fill: currentColor !important;
         }
-
-        &:hover,
-        &.is-hovered,
-        &:focus,
-        &.is-focused {
-            border-color: $primary-invert !important;
-            background-color: $primary !important;
-            color: $primary-invert !important;
-
-            .icon {
-                fill: currentColor !important;
-            }
-        }
     }
 
     &.is-outlined {
         border-color: $primary-invert !important;
         background-color: transparent !important;
         color: $primary-invert !important;
-
-        &:hover,
-        &:focus {
-            background-color: $primary-invert !important;
-            color: $primary !important;
-        }
     }
 }