Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-28 19:43:31 +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() {
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() {
@ -51,6 +58,8 @@ class StackDarkMode {
else {
document.body.dataset.scheme = 'light';
}
this.dispatchEvent(document.body.dataset.scheme as colorScheme);
}
private getSavedScheme(): colorScheme {