From 6330e40fc9dd52806ee2fdffd6cd1efb82b2a63e Mon Sep 17 00:00:00 2001 From: Jimmy Cai Date: Wed, 23 Dec 2020 18:59:24 +0100 Subject: [PATCH] Some renaming --- assets/scss/partials/darkmode.scss | 26 ---------------------- assets/scss/partials/sidebar.scss | 27 +++++++++++++++++++++++ assets/scss/style.scss | 1 - assets/ts/{darkmode.ts => colorScheme.ts} | 4 ++-- assets/ts/main.ts | 4 ++-- 5 files changed, 31 insertions(+), 31 deletions(-) delete mode 100644 assets/scss/partials/darkmode.scss rename assets/ts/{darkmode.ts => colorScheme.ts} (97%) diff --git a/assets/scss/partials/darkmode.scss b/assets/scss/partials/darkmode.scss deleted file mode 100644 index dc0abd8..0000000 --- a/assets/scss/partials/darkmode.scss +++ /dev/null @@ -1,26 +0,0 @@ -[data-scheme="dark"] { - #dark-mode-toggle { - color: var(--accent-color); - font-weight: 700; - - .icon-tabler-toggle-left { - display: none; - } - - .icon-tabler-toggle-right { - display: unset; - } - } -} - -#dark-mode-toggle { - margin-top: auto; - color: var(--body-text-color); - display: flex; - align-items: center; - cursor: pointer; - - .icon-tabler-toggle-right { - display: none; - } -} diff --git a/assets/scss/partials/sidebar.scss b/assets/scss/partials/sidebar.scss index 8eddafc..b6722a9 100644 --- a/assets/scss/partials/sidebar.scss +++ b/assets/scss/partials/sidebar.scss @@ -134,3 +134,30 @@ } } } + +[data-scheme="dark"] { + #dark-mode-toggle { + color: var(--accent-color); + font-weight: 700; + + .icon-tabler-toggle-left { + display: none; + } + + .icon-tabler-toggle-right { + display: unset; + } + } +} + +#dark-mode-toggle { + margin-top: auto; + color: var(--body-text-color); + display: flex; + align-items: center; + cursor: pointer; + + .icon-tabler-toggle-right { + display: none; + } +} diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 030273a..2f5aac9 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -19,7 +19,6 @@ @import "partials/pagination.scss"; @import "partials/sidebar.scss"; @import "partials/base.scss"; -@import "partials/darkmode.scss"; @import "partials/layout/archives.scss"; @import "partials/layout/article.scss"; @import "partials/layout/list.scss"; diff --git a/assets/ts/darkmode.ts b/assets/ts/colorScheme.ts similarity index 97% rename from assets/ts/darkmode.ts rename to assets/ts/colorScheme.ts index 54ee34a..e17ff07 100644 --- a/assets/ts/darkmode.ts +++ b/assets/ts/colorScheme.ts @@ -1,6 +1,6 @@ type colorScheme = 'light' | 'dark' | 'auto'; -class StackDarkMode { +class StackColorScheme { private localStorageKey = 'StackColorScheme'; private currentScheme: colorScheme; private systemPreferScheme: colorScheme; @@ -83,4 +83,4 @@ class StackDarkMode { } } -export default StackDarkMode; \ No newline at end of file +export default StackColorScheme; \ No newline at end of file diff --git a/assets/ts/main.ts b/assets/ts/main.ts index e1b9db9..2fcc152 100644 --- a/assets/ts/main.ts +++ b/assets/ts/main.ts @@ -9,7 +9,7 @@ import StackGallery from "ts/gallery"; import { getColor } from 'ts/color'; import menu from 'ts/menu'; import createElement from 'ts/createElement'; -import StackDarkMode from 'ts/darkmode'; +import StackColorScheme from 'ts/colorScheme'; let Stack = { init: () => { @@ -54,7 +54,7 @@ let Stack = { observer.observe(articleTile) } - new StackDarkMode(document.getElementById('dark-mode-toggle')); + new StackColorScheme(document.getElementById('dark-mode-toggle')); } }