From 4e34988b5db9f4e78e1d27458e867be9a8f2db84 Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Mon, 14 Sep 2020 00:02:55 +0200 Subject: #151, move SCSS vars to CSS vars, implement dark and light modes by browser preference --- assets/plugins/_dark.scss | 10 ---------- assets/plugins/_scrollbars.scss | 6 +++--- 2 files changed, 3 insertions(+), 13 deletions(-) delete mode 100644 assets/plugins/_dark.scss (limited to 'assets/plugins') diff --git a/assets/plugins/_dark.scss b/assets/plugins/_dark.scss deleted file mode 100644 index 5796a89..0000000 --- a/assets/plugins/_dark.scss +++ /dev/null @@ -1,10 +0,0 @@ -$gray-100: rgba(255, 255, 255, 0.1); -$gray-200: rgba(255, 255, 255, 0.2); - -$body-background: #343a40; -$body-font-color: #e9ecef; - -$color-link: #84b2ff; -$color-visited-link: #b88dff; - -$icon-filter: brightness(0) invert(1); diff --git a/assets/plugins/_scrollbars.scss b/assets/plugins/_scrollbars.scss index fb46543..0062582 100644 --- a/assets/plugins/_scrollbars.scss +++ b/assets/plugins/_scrollbars.scss @@ -12,15 +12,15 @@ } :hover::-webkit-scrollbar-thumb { - background: $gray-500; + background: var(--gray-500); } // MS body { - -ms-overflow-style: -ms-autohiding-scrollbar + -ms-overflow-style: -ms-autohiding-scrollbar; } // Future .book-menu nav { - scrollbar-color: transparent $gray-500; + scrollbar-color: transparent var(--gray-500); } -- cgit v1.2.3