color cookie

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);
+        // remove old class (if it's been put)
-        document.body.classList.add(newVal);
+        if (oldVal != undefined) document.body.classList.remove("ui-" + oldVal);
-    })
+
+        // add new class
+        document.body.classList.add("ui-" + newVal);
+    }, { immediate: true})
 
     return c;
 

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>