From d934e0b12af64f943f9f960a04abe3be93648ab7 Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Mon, 9 Dec 2019 11:05:49 +0100 Subject: Make icons white in dark mode --- assets/_defaults.scss | 4 +++- assets/_main.scss | 15 ++++----------- assets/plugins/_dark.scss | 2 ++ 3 files changed, 9 insertions(+), 12 deletions(-) (limited to 'assets') diff --git a/assets/_defaults.scss b/assets/_defaults.scss index c905c91..354af74 100644 --- a/assets/_defaults.scss +++ b/assets/_defaults.scss @@ -41,9 +41,11 @@ $toc-width: 16rem !default; $md-breakpoint: $menu-width + $body-min-width * 1.25 + $toc-width !default; $sm-breakpoint: $menu-width + $body-min-width !default; -// Panel colors +// Hint colors $hint-colors: ( info: #6bf, warning: #fd6, danger: #f66 ) !default; + +$icon-filter: none !default; diff --git a/assets/_main.scss b/assets/_main.scss index ce810dd..23aece3 100644 --- a/assets/_main.scss +++ b/assets/_main.scss @@ -94,6 +94,10 @@ ul.pagination { margin: 0 auto; } +.book-icon { + filter: $icon-filter; +} + .book-brand { margin-top: 0; @@ -275,17 +279,6 @@ ul.pagination { } } -.book-posts { - min-width: $body-min-width; - max-width: $body-min-width * 2; - flex-grow: 1; - padding: $padding-16; - - article { - padding-bottom: $padding-16; - } -} - .book-home { padding: $padding-16; } diff --git a/assets/plugins/_dark.scss b/assets/plugins/_dark.scss index 596c746..5796a89 100644 --- a/assets/plugins/_dark.scss +++ b/assets/plugins/_dark.scss @@ -6,3 +6,5 @@ $body-font-color: #e9ecef; $color-link: #84b2ff; $color-visited-link: #b88dff; + +$icon-filter: brightness(0) invert(1); -- cgit v1.2.3