From 14c71a07c0acbb74e69d99c641f2c556cdfb774c Mon Sep 17 00:00:00 2001
From: suricata <tomas@suricatingss.xyz>
Date: Tue, 30 Dec 2025 13:24:14 +0000
Subject: [PATCH] color mode

---
 app/pages/settings/theme.vue | 24 ++++++++++++++++++++++++
 app/pages/settings/ui.vue    | 13 -------------
 2 files changed, 24 insertions(+), 13 deletions(-)
 create mode 100644 app/pages/settings/theme.vue
 delete mode 100644 app/pages/settings/ui.vue

diff --git a/app/pages/settings/theme.vue b/app/pages/settings/theme.vue
new file mode 100644
index 0000000..588a62b
--- /dev/null
+++ b/app/pages/settings/theme.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+definePageMeta({
+  layout: "dashboard"
+})
+
+const color_choose = ref(["Cyan","Red","Green","Blue","Purple"])
+
+</script>
+
+<template>
+    <DashboardHeader title="Customization" />
+
+    <UContainer class="mt-4 max-w-full">
+        <UFormField
+          label="Color"
+          orientation="horizontal"
+          description="Select your color theme"
+          class=""
+        >
+          <UColorModeSelect class="" />
+        </UFormField>
+    </UContainer>
+</template>
+
diff --git a/app/pages/settings/ui.vue b/app/pages/settings/ui.vue
deleted file mode 100644
index 70df8c5..0000000
--- a/app/pages/settings/ui.vue
+++ /dev/null
@@ -1,13 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  layout: "dashboard"
-})
-</script>
-
-<template>
-    <DashboardHeader title="Customization" />
-</template>
-
-<style scoped>
-
-</style>
\ No newline at end of file