Improve color variables and class namings

1 files changed, 7 insertions, 7 deletions

diff --git a/src/buttons.less b/src/buttons.less
index c01278e..a6a42c7 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -24,14 +24,14 @@
   &:hover {
     background: @primary-color;
     border-color: @primary-color-dark;
-    color: @gray-color-lighter;
+    color: @light-color;
     text-decoration: none;
   }
   &:active,
   &.active {
     background: @primary-color-dark;
     border-color: darken(@primary-color-dark, 5%);
-    color: @gray-color-lighter;
+    color: @light-color;
   }
   &[disabled],
   &:disabled,
@@ -45,23 +45,23 @@
   &.btn-primary {
     background: @primary-color;
     border-color: @primary-color-dark;
-    color: @gray-color-lighter;
+    color: @light-color;
     &:focus,
     &:hover {
       background: darken(@primary-color-dark, 2%);
       border-color: darken(@primary-color-dark, 5%);
-      color: @gray-color-lighter;
+      color: @light-color;
     }
     &:active,
     &.active {
       background: darken(@primary-color-dark, 4%);
       border-color: darken(@primary-color-dark, 7%);
-      color: @gray-color-lighter;
+      color: @light-color;
     }
     &.loading {
       &::after {
-        border-bottom-color: @gray-color-lighter;
-        border-left-color: @gray-color-lighter;
+        border-bottom-color: @light-color;
+        border-left-color: @light-color;
       }
     }
   }