diff options
Diffstat (limited to 'layout/_partial')
| -rw-r--r-- | layout/_partial/scripts.ejs | 25 |
1 files changed, 20 insertions, 5 deletions
diff --git a/layout/_partial/scripts.ejs b/layout/_partial/scripts.ejs index 588c843..1b20314 100644 --- a/layout/_partial/scripts.ejs +++ b/layout/_partial/scripts.ejs @@ -11,17 +11,32 @@ <% } %> <!-- Darkmode support --> - +<link rel="stylesheet" type="text/css" href="https://unpkg.com/bulma-prefers-dark" /> +<%- js('js/darkmode.js') %> +<script> + var darklistener = new DarkmodeListener(); +</script> <!-- Highlight.js support --> <% if (theme.highlight.enable === true) { %> - <script defer src="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/highlight.pack.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/highlight.pack.min.js"></script> <link id="highlight-light-theme" rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/<%= theme.highlight.lightmode %>.css"> + href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/<%= theme.highlight.lightmode %>.min.css"> <link id="highlight-dark-theme" rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/<%= theme.highlight.darkmode %>.css"> + href="https://cdn.jsdelivr.net/npm/highlightjs@9.16.2/styles/<%= theme.highlight.darkmode %>.min.css"> <script> - + const theme_selector = (mode) => { + if (mode === SystemDarkmodePrefrence.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"); + } + }; + theme_selector(darklistener.mode()); + darklistener.add(theme_selector); + hljs.initHighlightingOnLoad(); </script> <% } %> |