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

feat(darkmode): dispatch onColorSchemeChange event

Browse Source
This commit is contained in:
Jimmy Cai 2020-12-23 17:26:42 +01:00
parent 9ef0fd8928
commit 8e87827726
No known key found for this signature in database
GPG Key ID: 3EA408E527F37B18
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/ts/darkmode.ts
View File

@ -38,7 +38,14 @@ class StackDarkMode {
} }
private isDark() { private isDark() {
return (this.currentScheme == 'dark' || this.currentScheme == 'auto' && this.preferDarkMode); return (this.currentScheme == 'dark' || this.currentScheme == 'auto' && this.systemPreferScheme == 'dark');
}
private dispatchEvent(colorScheme: colorScheme) {
const event = new CustomEvent('onColorSchemeChange', {
detail: colorScheme
});
window.dispatchEvent(event);
} }
private setBodyClass() { private setBodyClass() {
@ -51,6 +58,8 @@ class StackDarkMode {
else { else {
document.body.dataset.scheme = 'light'; document.body.dataset.scheme = 'light';
} }
this.dispatchEvent(document.body.dataset.scheme as colorScheme);
} }
private getSavedScheme(): colorScheme { private getSavedScheme(): colorScheme {