From 6e4b275b0d29f4c6e24dd6fc99abbe45f8b6748f Mon Sep 17 00:00:00 2001 From: ray Date: Wed, 19 Feb 2020 15:22:28 +0000 Subject: [PATCH] style dark mode meta-tags --- assets/scss/_content_dark.scss | 27 ++++++++++++++++++++++----- 1 file changed, 22 insertions(+), 5 deletions(-) diff --git a/assets/scss/_content_dark.scss b/assets/scss/_content_dark.scss index 75c2d00..462be0e 100644 --- a/assets/scss/_content_dark.scss +++ b/assets/scss/_content_dark.scss @@ -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(); } }