diff options
| -rw-r--r-- | layout/_partial/scripts.ejs | 25 | ||||
| -rw-r--r-- | source/css/style.css | 3 |
2 files changed, 23 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/[email protected]/highlight.pack.min.js"></script> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/highlight.pack.min.js"></script> <link id="highlight-light-theme" rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/[email protected]/styles/<%= theme.highlight.lightmode %>.css"> + href="https://cdn.jsdelivr.net/npm/[email protected]/styles/<%= theme.highlight.lightmode %>.min.css"> <link id="highlight-dark-theme" rel="stylesheet" - href="https://cdn.jsdelivr.net/npm/[email protected]/styles/<%= theme.highlight.darkmode %>.css"> + href="https://cdn.jsdelivr.net/npm/[email protected]/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> <% } %> diff --git a/source/css/style.css b/source/css/style.css index e69de29..1fe0a0e 100644 --- a/source/css/style.css +++ b/source/css/style.css @@ -0,0 +1,3 @@ +pre { + background-color: inherit !important; +}
\ No newline at end of file |