From ba1db7db3e7bf97de56909b1f13592172d550552 Mon Sep 17 00:00:00 2001
From: jeffreytse <jeffreytse.mail@gmail.com>
Date: Sat, 3 Oct 2020 11:31:43 +0800
Subject: feat: add night mode (#4)

---
 _sass/yat/_dark.scss | 184 +++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 184 insertions(+)
 create mode 100644 _sass/yat/_dark.scss

(limited to '_sass/yat')

diff --git a/_sass/yat/_dark.scss b/_sass/yat/_dark.scss
new file mode 100644
index 0000000..63f4880
--- /dev/null
+++ b/_sass/yat/_dark.scss
@@ -0,0 +1,184 @@
+$dark-background-color:       #0e0e0e !default;
+
+html[data-theme="dark"]  {
+
+  &[data-scroll-status='top'] {
+    .site-footer-inner {
+      border-top: solid 1px #2f2f2f !important;
+      transition: 0s;
+    }
+  }
+
+  body {
+    color: #bbb;
+    background-color: $dark-background-color;
+  }
+
+  *:not(pre) > code {
+    background-color: #545454;
+  }
+
+  table {
+    color: #9d9d9d;
+
+    th {
+      background-color: #000;
+    }
+
+    tr:nth-child(even) {
+      background-color: #111;
+    }
+  }
+
+  .site-header {
+    background-color: #090909;
+
+    .site-brand {
+      .site-brand-inner {
+        &, &:visited {
+          color: #f8f8f8;
+        }
+      }
+    }
+
+    .site-nav .page-link {
+      color: #f8f8f8;
+    }
+
+    .ct-language-dropdown {
+      color: #f8f8f8;
+      background-color: $dark-background-color;
+    }
+
+    .ct-language-selected, .ct-language-dropdown li:hover {
+      background-color: #222 !important;
+    }
+  }
+
+  .site-footer {
+    color: #fff;
+    background-color: #000;
+  }
+
+  .left-vsplit:before {
+    background-color: #9a9a9a;
+  }
+
+  .page-banner {
+    .page-banner-img {
+      & > *:first-child {
+        opacity: 0.8;
+      }
+    }
+  }
+
+  .pagination {
+    .post-link {
+      color: #bbb;
+    }
+
+    .post-title {
+      a:visited:after {
+        background-color: $dark-background-color;
+      }
+
+      a:after {
+        color: $dark-background-color;
+      }
+    }
+
+    .post-list {
+      & > li:not(:last-child) {
+        border-bottom: 1px solid #545454;
+      }
+    }
+
+    .post-tags .post-tag:hover {
+      color: #d7d7d7;
+    }
+  }
+
+  .page-segments {
+    li {
+      a {
+        color: #ddd;
+      }
+
+      a:visited:after {
+        background-color: $dark-background-color;
+      }
+
+      a:after {
+        color: $dark-background-color;
+      }
+    }
+  }
+
+  .post .post-content {
+    img:not([raw]) {
+      background-color: #ffffff33;
+    }
+  }
+
+  .post-related {
+    & > *:first-child {
+      color: #d7d7d7;
+    }
+
+    a:visited:after {
+      background-color: $dark-background-color;
+    }
+
+    a:after {
+      color: $dark-background-color;
+    }
+
+    a:hover {
+      color: #aaa;
+    }
+  }
+
+  .common-list {
+    li {
+      border-bottom: solid 1px #40404088;
+
+      a {
+        color: #aaa;
+      }
+
+      a:hover {
+        background-color: #272727;
+      }
+
+      span {
+        background-color: #333;
+      }
+    }
+  }
+
+  .post-menu {
+    .post-menu-title {
+      color: #ddd;
+    }
+
+    .post-menu-content {
+      ul {
+        border-left: 1px solid #787878;
+
+        .active {
+          background-color: #2d2d2d;
+          border-left: 2px solid #aaa;
+        }
+
+        a {
+          color: #bbb;
+        }
+
+        a:hover {
+          color: #fff !important;
+        }
+      }
+    }
+  }
+}
+
-- 
cgit v1.2.3