1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
@mixin footer_dark { .footer { a { color: $link-color-dark; } } } body.colorscheme-dark { @include footer_dark(); } body.colorscheme-auto { @media (prefers-color-scheme: dark) { @include footer_dark(); } }