color mode

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>
+

app/pages/settings/ui.vue

@@ -1,13 +0,0 @@
-<script setup lang="ts">
-definePageMeta({
-  layout: "dashboard"
-})
-</script>
-
-<template>
-    <DashboardHeader title="Customization" />
-</template>
-
-<style scoped>
-
-</style>