style dark mode meta-tags

This commit is contained in:
Ray Elliott 2020-02-19 15:22:28 +00:00
parent 5603cfc17e
commit 6e4b275b0d
1 changed files with 22 additions and 5 deletions

View File

@ -1,7 +1,5 @@
@mixin content_dark {
.content {
.list {
ul {
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 {
@include content_dark()
@include content_dark();
}
body.colorscheme-auto {
@media (prefers-color-scheme: dark) {
@include content_dark()
@include content_dark();
}
}