diff --git a/docs/_assets/style.css b/docs/_assets/style.css
index 04e56e465..7fc7fad40 100644
--- a/docs/_assets/style.css
+++ b/docs/_assets/style.css
@@ -1,23 +1,45 @@
 body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2) {
-  --primary-color: #222;
-  --primary-color-lighter: #333;
-  --primary-color-darker: #000;
+  background: linear-gradient(to right, #555, #222);
+}
+
+body[layout='layout-home'] .markdown-body .call-to-action:nth-of-type(2):hover {
+  background: #000;
 }
 
 .markdown-body img {
   width: 100%;
 }
 
+.markdown-body a {
+  text-decoration: underline;
+}
+
 mdjs-preview {
   margin-bottom: 20px;
 }
 
-#main-header a[href="/blog/"] {
+#main-header a {
+  font-weight: normal;
+}
+
+#main-header a.active {
+  font-weight: bold;
+}
+
+#main-header .active {
+  display: block;
+}
+
+#sidebar-nav {
+  padding: 2px;
+}
+
+#main-header a[href='/blog/'] {
   display: none;
 }
 
 @media screen and (min-width: 1024px) {
-  #main-header a[href="/blog/"] {
+  #main-header a[href='/blog/'] {
     display: block;
   }
 }
diff --git a/docs/_assets/variables.css b/docs/_assets/variables.css
index 886f0783f..2a28913c4 100644
--- a/docs/_assets/variables.css
+++ b/docs/_assets/variables.css
@@ -1,7 +1,7 @@
 html {
   --primary-color: #8f7325;
-  --primary-color-lighter: #d1a62f;
-  --primary-color-darker: #705918;
+  --primary-color-lighter: #8f7325;
+  --primary-color-darker: #725c1e;
   --primary-color-accent: #cee5f6;
   --primary-text-color: #2c3e50;
   --primary-lines-color: #ccc;
@@ -15,27 +15,7 @@ html {
   --footer-background: rgba(0, 0, 0, 0.1);
 
   --text-color: black;
-}
-
-html.dark {
-  --primary-color: #e63946;
-  --primary-color-lighter: #e25761;
-  --primary-color-darker: #a22831;
-  --primary-color-accent: #cee5f6;
-  --primary-text-color: #eee;
-
-  /* Contrast colors */
-  --contrast-color-light: #fff;
-  --contrast-color-dark: #1d3557;
-
-  /* background-colors */
-  --page-background: #333;
-  --footer-background: #4f4f4f;
-
-  --text-color: white;
-
-  --markdown-octicon-link: white;
-  --markdown-syntax-background-color: #a0a0a0;
-  --markdown-link-color: #fb7881;
-  --markdown-blockquote-color: #c9e3ff;
+
+  /* search colors*/
+  --rocket-search-highlight-color: #2c3e50;
 }