From a0e8729df4a987d2f1b84ccfdd0c15f203621f1f Mon Sep 17 00:00:00 2001
From: Doge <guiqiqi187@gmail.com>
Date: Fri, 7 May 2021 12:45:16 +0800
Subject: Fix highlight.js conflict with bulma.css

---
 layout/_partial/scripts.ejs | 25 ++++++++++++++++++++-----
 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/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>
 <% } %>
 
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
-- 
cgit v1.2.3