Update dark color variable

8 files changed, 12 insertions, 14 deletions

diff --git a/src/_breadcrumbs.scss b/src/_breadcrumbs.scss
index f2c9185..6a5af31 100644
--- a/src/_breadcrumbs.scss
+++ b/src/_breadcrumbs.scss
@@ -20,7 +20,7 @@
 
     &:not(:first-child) {
       &::before {
-        color: $gray-color-light;
+        color: $gray-color-dark;
         content: "/";
         padding-right: $unit-2;
       }
diff --git a/src/_chips.scss b/src/_chips.scss
index 377acdb..d2c0fe2 100644
--- a/src/_chips.scss
+++ b/src/_chips.scss
@@ -3,7 +3,6 @@
   align-items: center;
   background: $bg-color-dark;
   border-radius: 5rem;
-  color: $dark-color;
   display: inline-flex;
   font-size: 90%;
   height: $unit-6;
diff --git a/src/_forms.scss b/src/_forms.scss
index 2458874..5bd6970 100644
--- a/src/_forms.scss
+++ b/src/_forms.scss
@@ -304,12 +304,12 @@ textarea.form-input {
         background: $bg-color-light;
         border-radius: 50%;
         content: "";
-        height: 4px;
+        height: 6px;
         left: 50%;
         position: absolute;
         top: 50%;
         transform: translate(-50%, -50%);
-        width: 4px;
+        width: 6px;
       }
     }
   }
@@ -320,7 +320,7 @@ textarea.form-input {
   padding-left: ($unit-8 + $control-padding-x);
 
   .form-icon {
-    background: $gray-color-light;
+    background: $gray-color;
     background-clip: padding-box;
     border-radius: $unit-2 + $border-width;
     height: $unit-4 + $border-width * 2;
diff --git a/src/_pagination.scss b/src/_pagination.scss
index 6efc7ba..4c0e011 100644
--- a/src/_pagination.scss
+++ b/src/_pagination.scss
@@ -15,7 +15,6 @@
 
     a {
       border-radius: $border-radius;
-      color: $gray-color-dark;
       display: inline-block;
       padding: $unit-1 $unit-2;
       text-decoration: none;
diff --git a/src/_tooltips.scss b/src/_tooltips.scss
index 061f9d3..d6929e1 100644
--- a/src/_tooltips.scss
+++ b/src/_tooltips.scss
@@ -2,7 +2,7 @@
 .tooltip {
   position: relative;
   &::after {
-    background: rgba($dark-color, .9);
+    background: rgba($dark-color, .95);
     border-radius: $border-radius;
     bottom: 100%;
     color: $light-color;
diff --git a/src/_variables.scss b/src/_variables.scss
index 795c089..ae47abe 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -13,15 +13,15 @@ $secondary-color-dark: darken($secondary-color, 3%) !default;
 $secondary-color-light: lighten($secondary-color, 3%) !default;
 
 // Gray colors
-$dark-color: #454d5d !default;
+$dark-color: #303742 !default;
 $light-color: #fff !default;
-$gray-color: lighten($dark-color, 40%) !default;
-$gray-color-dark: darken($gray-color, 25%) !default;
+$gray-color: lighten($dark-color, 55%) !default;
+$gray-color-dark: darken($gray-color, 30%) !default;
 $gray-color-light: lighten($gray-color, 20%) !default;
 
-$border-color: lighten($dark-color, 60%) !default;
+$border-color: lighten($dark-color, 65%) !default;
 $border-color-dark: darken($border-color, 10%) !default;
-$bg-color: lighten($dark-color, 66%) !default;
+$bg-color: lighten($dark-color, 75%) !default;
 $bg-color-dark: darken($bg-color, 3%) !default;
 $bg-color-light: $light-color !default;
 
diff --git a/src/mixins/_toast.scss b/src/mixins/_toast.scss
index a7d3bbf..fa2bb13 100644
--- a/src/mixins/_toast.scss
+++ b/src/mixins/_toast.scss
@@ -1,5 +1,5 @@
 // Toast variant mixin
 @mixin toast-variant($color: $dark-color) {
-  background: rgba($color, .9);
+  background: rgba($color, .95);
   border-color: $color;
 }
diff --git a/src/utilities/_colors.scss b/src/utilities/_colors.scss
index 28dd221..2039038 100644
--- a/src/utilities/_colors.scss
+++ b/src/utilities/_colors.scss
@@ -3,7 +3,7 @@
 
 @include text-color-variant(".text-secondary", $secondary-color-dark);
 
-@include text-color-variant(".text-gray", $gray-color);
+@include text-color-variant(".text-gray", $gray-color-dark);
 
 @include text-color-variant(".text-light", $light-color);