blog/_sass/yat/_dark.scss
2020-10-03 11:55:14 +08:00

184 lines
2.7 KiB
SCSS

$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;
}
}
}
}
}