Quick & Hacky Theme Toggler

Just to add the base functionality, will improve upon this later.

apps/static/js/base.js

@@ -0,0 +1,10 @@
+$("#themeToggle").on("click", function() {
+    const currentTheme = $("body").attr("data-bs-theme");
+
+    if (currentTheme == "light") {
+        $("body").attr("data-bs-theme", "dark");
+    }
+    else {
+        $("body").attr("data-bs-theme", "light");
+    }
+});

apps/templates/includes/navigation.html

@@ -17,6 +17,11 @@
             </li>
         </ul>
         <ul class="nav-right">
+            <li>
+                <a href="" id="themeToggle" data-bs-toggle="dropdown">
+                    <i class="ti-shine"></i>
+                </a>
+            </li>
             <li class="notifications dropdown">
                 <!-- <span class="counter bgc-red">3</span>  -->
                 <a href="" class="dropdown-toggle no-after" data-bs-toggle="dropdown">

apps/templates/includes/scripts.html

@@ -11,3 +11,5 @@
 <script src="{% static '/js/perfectscrollbar.js' %}"></script>
 
 <script src="{% static '/js/index.js' %}"></script>
+
+<script src="{% static '/js/base.js' %}"></script>