Fix tertiary hover styles. Use tertiary color (#37)

Fix tertiary hover styles. Use tertiary color
storybookjs · Jun 27, 2019 · f303fe7 · f303fe7
2 parents 62dd509 + 0c5d48d
commit f303fe7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Button.js b/src/components/Button.js
@@ -206,16 +206,16 @@ const ButtonWrapper = styled.button`
       ${!props.isLoading &&
         `
           &:hover {
-            background: ${darken(0.05, color.secondary)};
+            background: ${darken(0.05, color.tertiary)};
           }
           &:active {
             box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 3em inset;
           }
           &:focus {
-            box-shadow: ${rgba(color.secondary, 0.4)} 0 1px 9px 2px;
+            box-shadow: ${rgba(color.tertiary, 0.4)} 0 1px 9px 2px;
           }
           &:focus:hover {
-            box-shadow: ${rgba(color.secondary, 0.2)} 0 8px 18px 0px;
+            box-shadow: ${rgba(color.tertiary, 0.2)} 0 8px 18px 0px;
           }
         `}
     `}