improve colors

6 files changed, 11 insertions, 8 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index c85b89d..d1cc42b 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -55,10 +55,10 @@
 
     &:hover,
     &:focus {
-      background: lighten(@core-color, 42%);
+      background: lighten(@core-secondary-color, 5%);
     }
     &.active {
-      background: lighten(@core-color, 40%);
+      background: @core-secondary-color;
     }
   }
 }
diff --git a/src/buttons.less b/src/buttons.less
index 1dada53..742a331 100644
--- a/src/buttons.less
+++ b/src/buttons.less
@@ -19,7 +19,7 @@
   white-space: nowrap;
 
   &:focus {
-    background: lighten(@core-color, 40%);
+    background: lighten(@core-secondary-color, 1%);
   }
   &:hover {
     background: @core-color;
@@ -39,7 +39,9 @@
     border-color: darken(@core-color, 5%);
     color: @core-light-color;
 
-    &:focus,
+    &:focus {
+      background: darken(@core-color, 2%);
+    }
     &:hover {
       background: darken(@core-color, 5%);
       border-color: darken(@core-color, 10%);
diff --git a/src/chips.less b/src/chips.less
index 51e4f53..f865fe9 100644
--- a/src/chips.less
+++ b/src/chips.less
@@ -32,7 +32,7 @@
 // Small chips
 .chip-sm {
   align-items: center;
-  background: lighten(@core-color, 40%);
+  background: @core-secondary-color;
   border-radius: .3rem;
   color: #666;
   display: inline-flex;
@@ -45,7 +45,7 @@
 
   &:hover,
   &:focus {
-    background: lighten(@core-color, 38%);
+    background: darken(@core-secondary-color, 2%);
   }
 
   .btn-clear {
diff --git a/src/menus.less b/src/menus.less
index 2c0630d..8c7fbe7 100644
--- a/src/menus.less
+++ b/src/menus.less
@@ -33,7 +33,7 @@
       }
       &:active,
       &.active {
-        background: lighten(@core-color, 40%);
+        background: @core-secondary-color;
         color: darken(@core-link-color, 5%);
       }
     }
diff --git a/src/navigation.less b/src/navigation.less
index 65d67b9..82d0e6f 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -102,7 +102,7 @@
 
       &:hover,
       &:focus {
-        background: lighten(@core-color, 40%);
+        background: @core-secondary-color;
       }
     }
 
diff --git a/src/variables.less b/src/variables.less
index 4b3e163..479cfc5 100644
--- a/src/variables.less
+++ b/src/variables.less
@@ -12,6 +12,7 @@
 
 // Colors
 @core-color: #5764c6;
+@core-secondary-color: lighten(@core-color, 40%);
 @core-light-color: #fff;
 @core-meta-color: #888;
 @core-link-color: #5764c6;