summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--layout/_partial/scripts.ejs25
-rw-r--r--source/css/style.css3
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