change buttons

2 files changed, 15 insertions, 15 deletions

diff --git a/src/_buttons.scss b/src/_buttons.scss
index faa8e46..9043e45 100644
--- a/src/_buttons.scss
+++ b/src/_buttons.scss
@@ -2,8 +2,8 @@
 .btn {
   appearance: none;
   background: $bg-color-light;
-  border: $border-width solid $primary-color;
-  border-radius: $border-radius;
+  border: $border-width * 1.8 solid $primary-color;
+  border-radius: $border-radius * 5;
   color: $primary-color;
   cursor: pointer;
   display: inline-block;
@@ -24,20 +24,20 @@
   &:focus,
   &:hover {
     background: none;
-    border-color: #90acff;
-    color: #5a9bf0;
+    border-color: $body-font-color;
+    color: $body-font-color;
     text-decoration: none;
   }
   &:active,
   &.active {
-    background: $primary-color-dark;
-    border-color: darken($primary-color-dark, 5%);
+    background: $body-font-color;
+    border-color: darken($body-font-color, 16%);
     color: $light-color;
     text-decoration: none;
     &.loading {
       &::after {
-        border-bottom-color: $light-color;
-        border-left-color: $light-color;
+        border-bottom-color: $dark-color;
+        border-left-color: $dark-color;
       }
     }
   }
@@ -53,11 +53,11 @@
   &.btn-primary {
     background: $primary-color;
     border-color: $primary-color-dark;
-    color: darken($body-font-color, 18%);
+    color: $light-color;
     &:focus,
     &:hover {
-      background: darken($primary-color-dark, 2%);
-      border-color: darken($primary-color-dark, 5%);
+      background: $body-font-color;
+      border-color: $body-font-color;
       color: $light-color;
     }
     &:active,
@@ -92,7 +92,7 @@
     &:hover,
     &:active,
     &.active {
-      color: $link-color-dark;
+      color: $body-font-color;
     }
   }
 
diff --git a/src/_variables.scss b/src/_variables.scss
index b58e8b1..be9468a 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -27,9 +27,9 @@ $bg-color-dark: darken($bg-color, 3%) !default;
 $bg-color-light: $light-color !default;
 
 // Control colors
-$success-color: #32b643 !default;
-$warning-color: #ffb700 !default;
-$error-color: #ff2f4b !default;
+$success-color: #24e48a !default;
+$warning-color: #ff0091 !default;
+$error-color: #fa4173 !default;
 
 // Other colors
 $code-color: #d73e48 !default;