X-Git-Url: https://git.draconx.ca/gitweb/homepage.git/blobdiff_plain/19f5d7df33b2deaf3bd2efc68bd3d163c93b194f..15534a5cb2aa7bf871f27d25c5d560168ab9d224:/content/style.scss diff --git a/content/style.scss b/content/style.scss index fb33f88..2708bb4 100644 --- a/content/style.scss +++ b/content/style.scss @@ -40,14 +40,11 @@ max-width: 1em * ($maxwidth / $fontsize); } +html { @include usecolours($background-color: background); } body { + @include usecolours($color: foreground); font-family: sans-serif; margin: 1em; - - @include usecolours - ( $background-color: background - , $color: foreground - ); } a:link { @@ -454,6 +451,13 @@ ul.ordered > { #footer { padding: 0 1em; } } +// lighten icon shadows in dark mode +@media (prefers-color-scheme: dark) { + svg.icons { path.shadow, g.shadow>* { opacity: 0.7; } } + svg.icons .shadow>stop { stop-color: #aaa; } + svg.return path.shadow { opacity: 0.45; } +} + // page-specific dark mode styles @media (prefers-color-scheme: dark) and (min-width: 35em) { #page_weblog_responsive_tables {