Remove theming dependence on jquery

kushalarora · Oct 30, 2021 · d500e08 · d500e08
1 parent 032ff48
commit d500e08
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git 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
@@ -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
@@ -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"));
     });
 });
+