diff --git a/_includes/head.html b/_includes/head.html
index 97a93d6..21b92d1 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -42,3 +42,10 @@
 {% endif %}
 <link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
 <link rel="canonical" href="{{ page.url | replace:'index.html','' | relative_url }}">
+
+{% if site.enable_darkmode %}
+<!-- Dark Mode -->
+<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
+<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
+{% endif %}
+
diff --git a/_includes/scripts/misc.html b/_includes/scripts/misc.html
index c2188d4..260ce1b 100644
--- a/_includes/scripts/misc.html
+++ b/_includes/scripts/misc.html
@@ -1,9 +1,3 @@
-{% if site.enable_darkmode %}
-<!-- Dark Mode -->
-<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
-<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
-{% endif %}
-
 {% if site.enable_tooltips %}
 <!-- Enable Tooltips -->
 <script type="text/javascript">
diff --git a/assets/js/dark_mode.js b/assets/js/dark_mode.js
index c3abe36..863b273 100644
--- a/assets/js/dark_mode.js
+++ b/assets/js/dark_mode.js
@@ -1,7 +1,8 @@
-$(document).ready(function() {
+document.addEventListener('DOMContentLoaded', function() {
     const mode_toggle = document.getElementById("light-toggle");
 
     mode_toggle.addEventListener("click", function() {
         toggleTheme(localStorage.getItem("theme"));
     });
 });
+