Added basic dark mode functionality

js/script-faq.js

@@ -0,0 +1,18 @@
+Vue.createApp({
+  methods: {
+    toggle: function() {
+      if(document.querySelector('body').classList.contains('dark')) {
+        localStorage.setItem('theme', 'light');
+        document.querySelector('body').classList.remove('dark');
+      } else {
+        localStorage.setItem('theme', 'dark');
+        document.querySelector('body').classList.add('dark');
+      }
+    }
+  },
+  mounted: function() {
+    if(localStorage.getItem('theme') !== 'dark') {
+      document.querySelector('body').classList.remove('dark');
+    }
+  }
+}).mount('#faq');

js/script-guide.js

@@ -56,6 +56,20 @@ Vue.createApp({
     },
     goto: function(step) {
       this.step = step;
+    },
+    toggle: function() {
+      if(document.querySelector('body').classList.contains('dark')) {
+        localStorage.setItem('theme', 'light');
+        document.querySelector('body').classList.remove('dark');
+      } else {
+        localStorage.setItem('theme', 'dark');
+        document.querySelector('body').classList.add('dark');
+      }
+    }
+  },
+  mounted: function() {
+    if(localStorage.getItem('theme') !== 'dark') {
+      document.querySelector('body').classList.remove('dark');
     }
   }
 }).mount('#guide');

js/script-index.js

@@ -81,6 +81,20 @@ Vue.createApp({
       } else {
         this.sortBy = button.target.innerText.toLowerCase();
       }
+    },
+    toggle: function() {
+      if(document.querySelector('body').classList.contains('dark')) {
+        localStorage.setItem('theme', 'light');
+        document.querySelector('body').classList.remove('dark');
+      } else {
+        localStorage.setItem('theme', 'dark');
+        document.querySelector('body').classList.add('dark');
+      }
+    }
+  },
+  mounted: function() {
+    if(localStorage.getItem('theme') !== 'dark') {
+      document.querySelector('body').classList.remove('dark');
     }
   }
 }).mount('#app');

js/script-random.js

@@ -24,6 +24,20 @@ Vue.createApp({
         this.tick = 0;
       }
       this.show = true;
+    },
+    toggle: function() {
+      if(document.querySelector('body').classList.contains('dark')) {
+        localStorage.setItem('theme', 'light');
+        document.querySelector('body').classList.remove('dark');
+      } else {
+        localStorage.setItem('theme', 'dark');
+        document.querySelector('body').classList.add('dark');
+      }
+    }
+  },
+  mounted: function() {
+    if(localStorage.getItem('theme') !== 'dark') {
+      document.querySelector('body').classList.remove('dark');
     }
   }
 }).mount('#random');