Merge pull request #506 from Nijikokun/feature/clarity-midnight

Clarity: Midnight Theme (Night)

1 files changed, 84 insertions, 18 deletions

diff --git a/theme/stylesheets/website/markdown.less b/theme/stylesheets/website/markdown.less
index c5cd348..b5b0121 100755
--- a/theme/stylesheets/website/markdown.less
+++ b/theme/stylesheets/website/markdown.less
@@ -16,57 +16,123 @@
 }
 
 .book.color-theme-1 .book-body .page-wrapper .page-inner section.normal {
-    color:@page-color-1;
+    color: @page-color-1;
+
+    a {
+        color: @page-link-color-1;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        color: @page-heading-color-1;
+    }
+
+    h1, h2 {
+        border-color: @page-heading-border-color-1;
+    }
+
+    h6 {
+        color: @page-h6-color-1;
+    }
+
+    hr {
+        background-color: @page-hr-color-1;
+    }
+
+    blockquote {
+        border-color: @page-blockquote-border-color-1;
+    }
 
     pre, code {
-        background: #fdf6e3;
-        color: #657b83;
-        border-color: darken(#fdf6e3, 15%);
+        background: @page-pre-background-1;
+        color: @page-pre-color-1;
+        border-color: @page-pre-border-color-1;
 
         @import "./highlight/sepia.less";
     }
 
+    .highlight {
+        background-color: @page-highlight-background-1;
+    }
+
     table {
         th, td {
-            border-color: darken(#fdf6e3, 25%);
+            border-color: @page-table-header-border-color-1;
         }
 
         tr {
-            background: #fdf6e3;
-            color: inherit;
-            border-color: #444;
+            color: @page-table-row-color-1;
+            background-color: @page-table-row-background-1;
+            border-color: @page-table-row-border-color-1;
         }
 
         tr:nth-child(2n) {
-            background-color: darken(#fdf6e3, 5%);
+            background-color: @page-table-row-odd-background-1;
         }
     }
 }
 
 .book.color-theme-2 .book-body .page-wrapper .page-inner section.normal {
-    color:@page-color-2;
+    color: @page-color-2;
+
+    a {
+        color: @page-link-color-2;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        color: @page-heading-color-2;
+    }
+
+    h1, h2 {
+        border-color: @page-heading-border-color-2;
+    }
+
+    h6 {
+        color: @page-h6-color-2;
+    }
+
+    hr {
+        background-color: @page-hr-color-2;
+    }
+
+    blockquote {
+        border-color: @page-blockquote-border-color-2;
+    }
 
     pre, code {
-        background: black;
-        color: #eaeaea;
-        border-color: #000;
+        color: @page-pre-color-2;
+        background: @page-pre-background-2;
+        border-color: @page-pre-border-color-2;
 
         @import "./highlight/night.less";
     }
 
+    .highlight {
+        background-color: @page-highlight-background-2;
+    }
+
     table {
         th, td {
-            border-color: #444;
+            border-color: @page-table-header-border-color-2;
         }
 
         tr {
-            background-color: black;
-            color: #eaeaea;
-            border-color: #444;
+            color: @page-table-row-color-2;
+            background-color: @page-table-row-background-2;
+            border-color: @page-table-row-border-color-2;
         }
 
         tr:nth-child(2n) {
-            background-color: #222;
+            background-color: @page-table-row-odd-background-2;
         }
     }
 }