feat: Added Themes

src/main.js

@@ -1,5 +1,43 @@
 const { invoke } = window.__TAURI__.core;
 const { listen } = window.__TAURI__.event;
+var theme = (() => {
+  var STORAGE_KEY = 'argus-theme';
+
+  function get() {
+    try {
+      return localStorage.getItem(STORAGE_KEY) || 'cyber';
+    } catch (e) {
+      return 'cyber';
+    }
+  }
+
+  function set(name) {
+    if (name === 'cyber') {
+      document.documentElement.removeAttribute('data-theme');
+    } else {
+      document.documentElement.setAttribute('data-theme', name);
+    }
+    try {
+      localStorage.setItem(STORAGE_KEY, name);
+    } catch (e) {}
+  }
+
+  function init() {
+    var saved = get();
+    set(saved);
+
+    var picker = document.getElementById('theme-picker');
+    picker.value = saved;
+    picker.addEventListener('change', function() {
+      set(picker.value);
+    });
+  }
+
+  // Apply immediately (before DOMContentLoaded) to prevent flash
+  set(get());
+
+  return { init };
+})();
 const table = (() => {
   let data = [];
   let filtered = [];
@@ -1091,6 +1129,9 @@ window.addEventListener('DOMContentLoaded', () => {
   monitorTab.init();
   updater.init();
   changelog.init();
+  theme.init();
+  columns.init();
+  sender.init();
   document.getElementById('btn-export-all').addEventListener('click', exporter.csvAll);
   document.getElementById('btn-export-up').addEventListener('click', exporter.csvUp);
   console.log('[Argus] Ready');