72 lines
1.1 KiB
SCSS
72 lines
1.1 KiB
SCSS
@mixin content_dark {
|
|
.content {
|
|
.list {
|
|
ul {
|
|
li {
|
|
.title {
|
|
color: $fg-color-dark;
|
|
&:hover,
|
|
&:focus {
|
|
color: $link-color-dark;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.centered {
|
|
.about {
|
|
ul {
|
|
li {
|
|
a {
|
|
color: $fg-color-dark;
|
|
&:hover,
|
|
&:focus {
|
|
color: $link-color-dark;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.post-meta {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.meta-tag {
|
|
$tag-color: darken($fg-color-dark, 35%);
|
|
|
|
color: $tag-color;
|
|
background-color: lighten($bg-color-dark, 5%);
|
|
|
|
&--link {
|
|
color: $link-color-dark;
|
|
|
|
.icon {
|
|
color: $tag-color;
|
|
}
|
|
|
|
&:hover {
|
|
opacity: 1;
|
|
color: lighten($link-color-dark, 15%);
|
|
|
|
.icon {
|
|
color: $link-color-dark;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
body.colorscheme-dark {
|
|
@include content_dark();
|
|
}
|
|
|
|
body.colorscheme-auto {
|
|
@media (prefers-color-scheme: dark) {
|
|
@include content_dark();
|
|
}
|
|
}
|