fix(button): Fixes an issue with secondary theme hover and active state

According to the UX guidelines hover/active states should not enforce strict background colors, but just some opacity.
dynatrace-oss · Aug 27, 2020 · a602f6b · a602f6b
1 parent 50e0bcc
commit a602f6b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/libs/barista-components/button/src/_button-theme.scss b/libs/barista-components/button/src/_button-theme.scss
@@ -87,7 +87,7 @@ a.dt-button-secondary:visited {
   }
 }
 .dt-button-secondary:hover:not([disabled]) {
-  background: $gray-100;
+  background: rgba(255, 255, 255, 0.2);
   border-color: var(--dt-button-hover-color);
   color: var(--dt-button-hover-color);
 
@@ -96,7 +96,7 @@ a.dt-button-secondary:visited {
   }
 }
 .dt-button-secondary:active:not([disabled]) {
-  background: $gray-100;
+  background: rgba(255, 255, 255, 0.2);
   border-color: var(--dt-button-active-color);
   color: var(--dt-button-active-color);