diff --git a/app.config.ts b/app.config.ts
index 758c3f8a5cf7423f9b496811d603b7538f1b1531..8281233d4b6d2957a072efa7910c44b66eb769e6 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -1,7 +1,7 @@
 export default defineAppConfig({
     ui: {
-        primary: 'green',
-        gray: 'cool',
+        primary: 'emerald',
+        gray: 'zinc',
         // notifications: {
         //     position: 'top-8 bottom-auto'
         // }
diff --git a/components/i/Create.vue b/components/i/Create.vue
index c1b294e1f27c0104dd25eb96f7abf34e4f760dcf..ae0e20c5eabad370b4295889a003e93f7d072b5d 100644
--- a/components/i/Create.vue
+++ b/components/i/Create.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="max-w-screen-md w-full flex flex-col space-y-4 p-6">
         <UCard
-            class="transition-[box-shadow] hover:ring-2 has-[textarea:focus]:ring-2 has-[textarea:focus]:ring-green-500 dark:has-[textarea:focus]:ring-green-400"
+            class="transition-[box-shadow] hover:ring-2 has-[textarea:focus]:ring-2 has-[textarea:focus]:ring-primary-500 dark:has-[textarea:focus]:ring-primary-400"
             :ui="cardUI"
         >
             <UTextarea
diff --git a/components/i/search/Ask.vue b/components/i/search/Ask.vue
index b36f784b312003042d9492d28c8d70cafb154364..1ea7980d6be940cff68efad4516cffd7b0eb6e57 100644
--- a/components/i/search/Ask.vue
+++ b/components/i/search/Ask.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="flex w-full justify-center">
         <UCard
-            class="hover:ring-2 has-[textarea:focus]:ring-2 has-[textarea:focus]:ring-green-500 dark:has-[textarea:focus]:ring-green-400"
+            class="hover:ring-2 has-[textarea:focus]:ring-2 has-[textarea:focus]:ring-primary-500 dark:has-[textarea:focus]:ring-primary-400"
             :ui="cardUI"
         >
             <UTextarea