button styles

bleveque · Apr 15, 2019 · 616952f · 616952f
1 parent fee11ba
commit 616952f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/assets/styles/components/_button.scss b/src/assets/styles/components/_button.scss
@@ -22,6 +22,7 @@
     &:hover,
     &:focus {
         text-decoration: none;
+        background-color: $brand-primary-dark;
         color: #fff;
     }
 }
@@ -34,6 +35,7 @@
 
     &:hover,
     &:focus {
+        background-color: #111;
         text-decoration: none;
         color: #fff;
     }

diff --git a/src/assets/styles/utils/_variables.scss b/src/assets/styles/utils/_variables.scss
@@ -4,16 +4,16 @@
 
 $gray-darkest: #121212;
 $gray-darker: #323232;
-$gray-dark: #4a4a4a;
-$gray: #a0a0a0;
-$gray-light: #c5c6c6;
-$gray-lighter: #e6e6e6;
-$gray-lightest: #f6f8fa;
+$gray-dark: #6f6f6e;
+$gray: #54698d;
+$gray-light: #a8b7c7;
+$gray-lighter: #c9d3e4;
+$gray-lightest: #f5f8fc;
 
 // Brand
 
 $brand-primary: #7b16ff;
-
+$brand-primary-dark: darken($brand-primary, 6%);
 // Body
 //
 // Settings for the `<body>` element.