diff options
| author | 135e2 <135e2@135e2.tk> | 2022-05-29 17:18:06 +0800 |
|---|---|---|
| committer | 135e2 <135e2@135e2.tk> | 2022-06-01 23:13:27 +0800 |
| commit | a887b07a021540fdbb931693d6fb07edd113e31a (patch) | |
| tree | d6f2c3effa2bdb7b6b924ae2d6b87151e8106383 /layout/_partial/scripts.ejs | |
| parent | 02d3b312a452b79126616d9308dc98ab68701be7 (diff) | |
| download | chromate-a887b07a021540fdbb931693d6fb07edd113e31a.tar.gz chromate-a887b07a021540fdbb931693d6fb07edd113e31a.tar.bz2 chromate-a887b07a021540fdbb931693d6fb07edd113e31a.zip | |
feat: add #btn-toggle-dark botton to toggle dark mode
- Switch dark theme to bulmaswatch/darkly, since bulma-prefers-dark highly relies on `@media: (prefers-color-scheme: dark)` tag
- Add a playerman handler to toggle shikwasa theme[1]
- Use localstorage to store user's preference[2]
- Fix a typo: SystemDarkmodePrefrence => SystemDarkmodePreference
[1]: Modified from https://github.com/jessuni/shikwasa/blob/main/pages/public/index.js#L208
[2]: Took inspiration from https://blog.skk.moe/post/hello-darkmode-my-old-friend
Diffstat (limited to 'layout/_partial/scripts.ejs')
| -rw-r--r-- | layout/_partial/scripts.ejs | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/layout/_partial/scripts.ejs b/layout/_partial/scripts.ejs index 2efb659..98d39e0 100644 --- a/layout/_partial/scripts.ejs +++ b/layout/_partial/scripts.ejs @@ -24,13 +24,14 @@ <script> window.addEventListener("load", () => { const theme_selector = (mode) => { - if (mode === SystemDarkmodePrefrence.dark) { + if (mode === SystemDarkmodePreference.dark) { document.getElementById("highlight-light-theme").setAttribute("disabled", "disabled"); document.getElementById("highlight-dark-theme").removeAttribute("disabled"); } else { document.getElementById("highlight-dark-theme").setAttribute("disabled", "disabled"); document.getElementById("highlight-light-theme").removeAttribute("disabled"); } + console.debug(`highlightjs theme set to ${mode}`); }; darklistener.add(theme_selector); }, false); |