From 5a536e34d4673a43d55fa8354859919ae5d82c58 Mon Sep 17 00:00:00 2001
From: suricata <tomas@suricatingss.xyz>
Date: Tue, 30 Dec 2025 17:11:28 +0000
Subject: [PATCH] color cookie

---
 app/composables/ui_color.ts | 9 ++++++---
 app/layouts/dashboard.vue   | 6 +++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/composables/ui_color.ts b/app/composables/ui_color.ts
index 42b938d..4b8d354 100644
--- a/app/composables/ui_color.ts
+++ b/app/composables/ui_color.ts
@@ -7,9 +7,12 @@ export function ui_color_cookie(): CookieRef<string> {
 
     });
     watch(c, (newVal, oldVal) => {
-        document.body.classList.remove(oldVal);
-        document.body.classList.add(newVal);
-    })
+        // remove old class (if it's been put)
+        if (oldVal != undefined) document.body.classList.remove("ui-" + oldVal);
+
+        // add new class
+        document.body.classList.add("ui-" + newVal);
+    }, { immediate: true})
 
     return c;
 
diff --git a/app/layouts/dashboard.vue b/app/layouts/dashboard.vue
index 1885ca1..4eaaeba 100644
--- a/app/layouts/dashboard.vue
+++ b/app/layouts/dashboard.vue
@@ -41,11 +41,15 @@ const nav : NavigationMenuItem[][] = [[
 ]];*/
 
 // set color
-useHead({
+/*useHead({
   bodyAttrs: {
     class: "ui-blue"
   }
+})*/
+onMounted(() => {
+  ui_color_cookie();
 })
+
 </script>
 <template>
   <UDashboardGroup>