🎨 ui(web): change avatar default color shade (un#58)

Author: skushagra9

apps/web-app/components/un/ui-avatar.vue

@@ -30,41 +30,41 @@
   const colorClass = computed(() => {
     switch (props.color) {
       case 'red':
-        return 'bg-red-400 dark:bg-red-700';
+        return 'bg-red-400 dark:bg-red-400';
       case 'orange':
-        return 'bg-orange-400 dark:bg-orange-700';
+        return 'bg-orange-400 dark:bg-orange-400';
       case 'amber':
-        return 'bg-amber-400 dark:bg-amber-700';
+        return 'bg-amber-400 dark:bg-amber-400';
       case 'yellow':
-        return 'bg-yellow-400 dark:bg-yellow-700';
+        return 'bg-yellow-400 dark:bg-yellow-400';
       case 'lime':
-        return 'bg-lime-400 dark:bg-lime-700';
+        return 'bg-lime-400 dark:bg-lime-400';
       case 'green':
-        return 'bg-green-400 dark:bg-green-700';
+        return 'bg-green-400 dark:bg-green-400';
       case 'emerald':
-        return 'bg-emerald-400 dark:bg-emerald-700';
+        return 'bg-emerald-400 dark:bg-emerald-400';
       case 'teal':
-        return 'bg-teal-400 dark:bg-teal-700';
+        return 'bg-teal-400 dark:bg-teal-400';
       case 'cyan':
-        return 'bg-cyan-400 dark:bg-cyan-700';
+        return 'bg-cyan-400 dark:bg-cyan-400';
       case 'sky':
-        return 'bg-sky-400 dark:bg-sky-700';
+        return 'bg-sky-400 dark:bg-sky-400';
       case 'blue':
-        return 'bg-blue-400 dark:bg-blue-700';
+        return 'bg-blue-400 dark:bg-blue-400';
       case 'indigo':
-        return 'bg-indigo-400 dark:bg-indigo-700';
+        return 'bg-indigo-400 dark:bg-indigo-400';
       case 'violet':
-        return 'bg-violet-400 dark:bg-violet-700';
+        return 'bg-violet-400 dark:bg-violet-400';
       case 'purple':
-        return 'bg-purple-400 dark:bg-purple-700';
+        return 'bg-purple-400 dark:bg-purple-400';
       case 'fuchsia':
-        return 'bg-fuchsia-400 dark:bg-fuchsia-700';
+        return 'bg-fuchsia-400 dark:bg-fuchsia-400';
       case 'pink':
-        return 'bg-pink-400 dark:bg-pink-700';
+        return 'bg-pink-400 dark:bg-pink-400';
       case 'rose':
-        return 'bg-rose-400 dark:bg-rose-700';
+        return 'bg-rose-400 dark:bg-rose-400';
       default:
-        return 'bg-gray-400 dark:bg-gray-700';
+        return 'bg-gray-400 dark:bg-gray-400';
     }
   });
 
@@ -116,8 +116,8 @@
       :alt="altText"
       :src="avatarUrl"
       :ui="{
-        text: 'font-display text-gray-900 dark:text-white',
-        placeholder: 'font-display text-gray-600 dark:text-gray-400'
+        text: 'font-display text-white dark:text-gray-900',
+        placeholder: 'font-display text-white dark:text-gray-900'
       }"
       :class="colorClass" />
   </UnUiTooltip>