2019-11-21 13:13:49 +00:00
|
|
|
@mixin base_dark {
|
|
|
|
color: $fg-color-dark;
|
|
|
|
background-color: $bg-color-dark;
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: $link-color-dark;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
|
|
|
color: $alt-fg-color-dark;
|
|
|
|
}
|
|
|
|
|
|
|
|
code {
|
|
|
|
background-color: $alt-bg-color-dark;
|
|
|
|
color: $fg-color-dark;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
code {
|
|
|
|
background-color: inherit;
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote {
|
|
|
|
border-left: 2px solid $alt-bg-color-dark;
|
|
|
|
}
|
|
|
|
|
2020-02-02 19:52:12 +00:00
|
|
|
table td,
|
|
|
|
table th {
|
2019-11-21 13:13:49 +00:00
|
|
|
border: 2px solid $alt-fg-color-dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
body.colorscheme-dark {
|
2020-02-02 19:52:12 +00:00
|
|
|
@include base_dark();
|
2019-11-21 13:13:49 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
body.colorscheme-auto {
|
|
|
|
@media (prefers-color-scheme: dark) {
|
2020-02-02 19:52:12 +00:00
|
|
|
@include base_dark();
|
2019-11-21 13:13:49 +00:00
|
|
|
}
|
|
|
|
}
|