diff options
| author | Doge <[email protected]> | 2021-05-07 12:45:16 +0800 |
|---|---|---|
| committer | Doge <[email protected]> | 2021-05-07 12:45:16 +0800 |
| commit | a0e8729df4a987d2f1b84ccfdd0c15f203621f1f (patch) | |
| tree | bd71fa359abe0815f232d50f3a51ca607e9227ce /layout | |
| parent | 2b0b7dd4dabfad6d1ce7e9234d723b9a2439a4e9 (diff) | |
| download | chromate-a0e8729df4a987d2f1b84ccfdd0c15f203621f1f.tar.gz chromate-a0e8729df4a987d2f1b84ccfdd0c15f203621f1f.tar.bz2 chromate-a0e8729df4a987d2f1b84ccfdd0c15f203621f1f.zip | |
Fix highlight.js conflict with bulma.css
Diffstat (limited to 'layout')
| -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/[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> <% } %> |