diff --git a/src/layouts/dark.ejs b/src/layouts/dark.ejs
index c266a8a..8d6651f 100644
--- a/src/layouts/dark.ejs
+++ b/src/layouts/dark.ejs
@@ -3,26 +3,30 @@
   <head>
     <%- include('partials/head') %>
     <style>
-        :root {
-            --global-font-size: 15px;
-            --global-line-height: 1.4em;
-            --global-space: 10px;
-            --font-stack: Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
-            --mono-font-stack: Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif;
-            --background-color: #151515;
-            --page-width: 60em;
-            --font-color: #efefef;
-            --invert-font-color: #151515;
-            --secondary-color: #787878;
-            --tertiary-color: #787878;
-            --primary-color: #90f57e;
-            --error-color: #ff3c74;
-            --progress-bar-background: #787878;
-            --progress-bar-fill: #90f57e;
-            --code-bg-color: #787878;
-            --input-style: solid;
-            --display-h1-decoration: none;
-    }
+      :root {
+        --global-font-size: 15px;
+        --global-line-height: 1.4em;
+        --global-space: 10px;
+        --font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
+          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
+          serif;
+        --mono-font-stack: Menlo, Monaco, Lucida Console, Liberation Mono,
+          DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace,
+          serif;
+        --background-color: #222225;
+        --page-width: 60em;
+        --font-color: #e8e9ed;
+        --invert-font-color: #222225;
+        --secondary-color: #a3abba;
+        --tertiary-color: #a3abba;
+        --primary-color: #62c4ff;
+        --error-color: #ff3c74;
+        --progress-bar-background: #3f3f44;
+        --progress-bar-fill: #62c4ff;
+        --code-bg-color: #3f3f44;
+        --input-style: solid;
+        --display-h1-decoration: none;
+      }
     </style>
   </head>
   <body class="terminal">
@@ -31,14 +35,14 @@
       <p>
         <%- site.description %>
       </p>
-      
+
       <%- body %>
       <hr />
       <div class="components components-grid">
         <%- include('partials/aside') %>
         <main>
-          <%- include('partials/components') %>
-          <%- include('partials/documentation') %>
+          <%- include('partials/components') %> <%-
+          include('partials/documentation') %>
           <hr />
           <%- include('partials/footer') %>
           <hr />
diff --git a/src/layouts/sans-dark.ejs b/src/layouts/sans-dark.ejs
index 8eb0e96..ac514aa 100644
--- a/src/layouts/sans-dark.ejs
+++ b/src/layouts/sans-dark.ejs
@@ -8,17 +8,17 @@
         --global-line-height: 1.4em;
         --font-stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
           Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
-        --background-color: #151515;
+        --background-color: #222225;
         --page-width: 60em;
-        --font-color: #efefef;
-        --invert-font-color: #151515;
-        --secondary-color: #787878;
-        --tertiary-color: #787878;
-        --primary-color: #90f57e;
+        --font-color: #e8e9ed;
+        --invert-font-color: #222225;
+        --secondary-color: #a3abba;
+        --tertiary-color: #a3abba;
+        --primary-color: #62c4ff;
         --error-color: #ff3c74;
-        --progress-bar-background: #787878;
-        --progress-bar-fill: #90f57e;
-        --code-bg-color: #787878;
+        --progress-bar-background: #3f3f44;
+        --progress-bar-fill: #62c4ff;
+        --code-bg-color: #3f3f44;
         --input-style: solid;
         --display-h1-decoration: none;
       }
