Update dark color variable

1 files changed, 18 insertions, 19 deletions

diff --git a/docs/dist/docs.css b/docs/dist/docs.css
index 8ad0c33..8e7135b 100644
--- a/docs/dist/docs.css
+++ b/docs/dist/docs.css
@@ -47,14 +47,14 @@
 }
 
 .docs-sidebar .accordion input ~ .accordion-header {
-  color: #5b657a;
+  color: #455060;
   font-size: .65rem;
   font-weight: 600;
   text-transform: uppercase;
 }
 
 .docs-sidebar .accordion input:checked ~ .accordion-header {
-  color: #667189;
+  color: #505c6e;
 }
 
 .docs-sidebar .accordion .menu .menu-item {
@@ -64,7 +64,7 @@
 
 .docs-sidebar .accordion .menu .menu-item > a {
   background: transparent;
-  color: #667189;
+  color: #66758c;
   display: inline-block;
 }
 
@@ -96,7 +96,6 @@
 
 .docs-content .s-title,
 .docs-content .s-subtitle {
-  color: #414857;
   line-height: 1.8rem;
   margin-bottom: 0;
   padding-bottom: 1rem;
@@ -151,7 +150,7 @@
 }
 
 .docs-content .docs-block.bg-gray {
-  background: #f0f1f4;
+  background: #eef0f3;
 }
 
 .docs-content .docs-shape {
@@ -186,11 +185,11 @@
 }
 
 .docs-content .code .hljs-tag {
-  color: #667189;
+  color: #505c6e;
 }
 
 .docs-content .code .hljs-comment {
-  color: #acb3c2;
+  color: #bcc3ce;
 }
 
 .docs-content .code .hljs-title,
@@ -209,7 +208,7 @@
 
 .docs-content .code .hljs-value,
 .docs-content .code .hljs-hexcolor {
-  color: #667189;
+  color: #505c6e;
 }
 
 .docs-content .panel {
@@ -307,16 +306,16 @@
 }
 
 .docs-footer {
-  color: #acb3c2;
+  color: #bcc3ce;
   padding: .5rem .5rem 1.5rem .5rem;
 }
 
 .docs-footer a {
-  color: #667189;
+  color: #66758c;
 }
 
 .docs-ad {
-  background: #f8f9fa;
+  background: #f7f8f9;
   border-radius: .1rem;
   display: block;
   margin: 2rem 0;
@@ -334,13 +333,13 @@
 }
 
 .docs-ad .carbon-wrap .carbon-text {
-  color: #667189;
+  color: #66758c;
   display: block;
   font-size: .7rem;
 }
 
 .docs-ad .carbon-poweredby {
-  color: #acb3c2;
+  color: #bcc3ce;
   font-size: .7rem;
 }
 
@@ -384,14 +383,14 @@
 }
 
 .section-footer {
-  color: #acb3c2;
+  color: #bcc3ce;
   padding: 1.8rem .75rem 1rem .75rem;
   position: relative;
   z-index: 200;
 }
 
 .section-footer a {
-  color: #667189;
+  color: #66758c;
 }
 
 .grid-hero {
@@ -400,14 +399,14 @@
 }
 
 .grid-hero h1 {
-  color: #50596c;
+  color: #3b4351;
   font-size: 1.6rem;
   font-weight: 600;
   margin-bottom: 1.5rem;
 }
 
 .grid-hero h2 {
-  color: #5b657a;
+  color: #455060;
   font-size: .9rem;
   font-weight: 400;
   line-height: 1.5rem;
@@ -423,7 +422,7 @@
 .grid-hero .card {
   background: none;
   border: 0;
-  color: #727e96;
+  color: #5b687d;
   padding: .5rem;
 }
 
@@ -456,7 +455,7 @@
   .docs-navbar {
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
-    background: rgba(248, 249, 250, .65);
+    background: rgba(247, 248, 249, .65);
     left: 0;
   }
   .docs-content {