style dark mode meta-tags
This commit is contained in:
parent
5603cfc17e
commit
6e4b275b0d
|
@ -1,7 +1,5 @@
|
||||||
@mixin content_dark {
|
@mixin content_dark {
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
ul {
|
ul {
|
||||||
li {
|
li {
|
||||||
|
@ -31,16 +29,35 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
.meta-tag {
|
||||||
|
color: darken($fg-color-dark, 35%);
|
||||||
|
background-color: lighten($bg-color-dark, 5%);
|
||||||
|
border: 0;
|
||||||
|
|
||||||
|
&--link {
|
||||||
|
$link-color-dark--lighter: lighten($link-color-dark, 15%);
|
||||||
|
color: $link-color-dark--lighter;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: $link-color-dark;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
color: $link-color-dark--lighter;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
body.colorscheme-dark {
|
body.colorscheme-dark {
|
||||||
@include content_dark()
|
@include content_dark();
|
||||||
}
|
}
|
||||||
|
|
||||||
body.colorscheme-auto {
|
body.colorscheme-auto {
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
@include content_dark()
|
@include content_dark();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue