TMS-1164: More hover style fixes

Author: eebbi

assets/styles/theme-amuri.scss

@@ -91,13 +91,13 @@ $navbar-item-grid-item-border-color: $color-ui-border;
 $navbar-item-navbar-active-bg-color: $black;
 
 $fly-out-nav-trigger-icon: $color-amuri-coffee;
-$fly-out-nav-trigger-icon-hover: $color-amuri-dark-yellow;
+$fly-out-nav-trigger-icon-hover: $color-amuri-coffee;
 $fly-out-nav-primary-link: $color-amuri-coffee;
 $fly-out-nav-primary-link-hover: $color-amuri-coffee;
 $fly-out-nav-primary-dropdown-active-background: $primary;
 $fly-out-nav-secondary-border-color: $color-ui-border;
 $fly-out-nav-secondary-link: $fly-out-nav-primary-link;
-$fly-out-nav-secondary-link-hover: $fly-out-nav-primary-link-hover;
+$fly-out-nav-secondary-link-hover: $fly-out-nav-primary-link;
 $fly-out-nav-search-button-icon: currentColor;
 
 $duet-color-border: $color-vaalean-harmaa;

assets/styles/ui-components/_button.scss

@@ -53,13 +53,6 @@ $button-secondary-border-color: $button-primary-border-color;
             color: $primary-invert !important;
             border-color: $primary-invert !important;
 
-            &.is-outlined {
-                &:hover,
-                &:focus {
-                    border-color: $primary-invert !important;
-                }
-            }
-
             .icon {
                 fill: $primary-invert !important;
             }

assets/styles/ui-components/_share-links.scss

@@ -6,28 +6,21 @@
     }
 
     a {
-        background-color: $primary-invert;
-        border: 1px solid $primary-invert;
+        &,
+        &.has-background-accent {
+            &,
+            &:hover,
+            &:focus,
+            &:active {
+                background-color: $primary-invert !important;
+                border: 1px solid $primary-invert !important;
 
-        .icon {
-            fill: $primary !important;
-        }
-
-        &:hover,
-        &.is-hovered,
-        &:focus,
-        &.is-focused {
-            background-color: $primary !important;
-
-            .icon {
-                fill: $primary-invert !important;
+                .icon {
+                    fill: $primary !important;
+                }
             }
         }
     }
-
-    .icon {
-        fill: $link !important;
-    }
 }
 
 .entry__share-links {

assets/styles/ui-components/header/_header-top.scss

@@ -30,12 +30,6 @@
     #js-search-toggle {
         margin-right: $theme-spacing-oneandhalf !important;
         margin-left: $theme-spacing-oneandhalf !important;
-
-        &:hover,
-        &:focus {
-            background-color: $link-hover !important;
-            color: $primary !important;
-        }
     }
 
     &__popup {

assets/styles/ui-components/header/_language-nav.scss

@@ -36,15 +36,16 @@
     &--horizontal {
         a {
             border-color: $primary-invert !important;
-            color: $primary !important;
-            background-color: $primary-invert !important;
+            color: $primary-invert !important;
+            background-color: $primary !important;
 
-            &.has-text-primary {
+            &.has-background-primary {
+                background-color: $primary-invert !important;
                 color: $primary !important;
             }
 
-            &:hover {
-                background-color: $link-hover !important;
+            &.has-text-primary {
+                color: $primary-invert !important;
             }
 
             &:focus {

lib/ThemeCustomizationController.php

@@ -76,7 +76,7 @@ public function header( $colors ) : array {
      */
     public function footer( array $classes ) : array {
         $classes['container']   = '';
-        $classes['back_to_top'] = 'is-outlined is-primary-invert';
+        $classes['back_to_top'] = 'is-outlined is-primary is-inverted';
         $classes['link']        = 'has-text-paragraph';
         $classes['link_icon']   = 'is-secondary';