@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 { color: darken($fg-color-dark, 35%); background-color: lighten($bg-color-dark, 5%); &--link { color: $link-color-dark; &: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(); } }