Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 03:53:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Some renaming

Browse Source
This commit is contained in:
Jimmy Cai 2020-12-23 18:59:24 +01:00
parent 001738a465
commit 6330e40fc9
No known key found for this signature in database
GPG Key ID: 3EA408E527F37B18
5 changed files with 31 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
assets/scss/partials/darkmode.scss
View File

@ -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;
}
}

27
assets/scss/partials/sidebar.scss
View File

@ -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;
}
}

1
assets/scss/style.scss
View File

@ -19,7 +19,6 @@
@import "partials/pagination.scss"; @import "partials/pagination.scss";
@import "partials/sidebar.scss"; @import "partials/sidebar.scss";
@import "partials/base.scss"; @import "partials/base.scss";
@import "partials/darkmode.scss";
@import "partials/layout/archives.scss"; @import "partials/layout/archives.scss";
@import "partials/layout/article.scss"; @import "partials/layout/article.scss";
@import "partials/layout/list.scss"; @import "partials/layout/list.scss";

4
assets/ts/darkmode.ts → assets/ts/colorScheme.ts
View File

@ -1,6 +1,6 @@
type colorScheme = 'light' | 'dark' | 'auto'; type colorScheme = 'light' | 'dark' | 'auto';
class StackDarkMode { class StackColorScheme {
private localStorageKey = 'StackColorScheme'; private localStorageKey = 'StackColorScheme';
private currentScheme: colorScheme; private currentScheme: colorScheme;
private systemPreferScheme: colorScheme; private systemPreferScheme: colorScheme;
@ -83,4 +83,4 @@ class StackDarkMode {
} }
} }
export default StackDarkMode; export default StackColorScheme;

4
assets/ts/main.ts
View File

@ -9,7 +9,7 @@ import StackGallery from "ts/gallery";
import { getColor } from 'ts/color'; import { getColor } from 'ts/color';
import menu from 'ts/menu'; import menu from 'ts/menu';
import createElement from 'ts/createElement'; import createElement from 'ts/createElement';
import StackDarkMode from 'ts/darkmode'; import StackColorScheme from 'ts/colorScheme';
let Stack = { let Stack = {
init: () => { init: () => {
@ -54,7 +54,7 @@ let Stack = {
observer.observe(articleTile) observer.observe(articleTile)
} }
new StackDarkMode(document.getElementById('dark-mode-toggle')); new StackColorScheme(document.getElementById('dark-mode-toggle'));
} }
} }