summaryrefslogtreecommitdiff
path: root/_sass/yat
diff options
context:
space:
mode:
Diffstat (limited to '_sass/yat')
-rw-r--r--_sass/yat/_dark.scss184
1 files changed, 184 insertions, 0 deletions
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;
+ }
+ }
+ }
+ }
+}
+