style(stage-tamagotchi): improve

apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue

@@ -30,7 +30,7 @@ const totalProgress = computed(() => {
           <WindowLink to="/settings/modules/hearing" label="settings">
             <div flex items-center gap-1>
               <div flex items-center gap-1>
-                <div i-solar:microphone-3-bold-duotone />
+                <div i-solar:microphone-3-bold-duotone text="neutral-500 dark:neutral-400" />
                 <span decoration-underline decoration-dashed>Hearing</span>
               </div>
               <div text="neutral-500 dark:neutral-400">
@@ -43,7 +43,7 @@ const totalProgress = computed(() => {
     </div>
     <div flex items-center gap-2 text-sm>
       <div v-if="totalProgress < 100" i-svg-spinners:pulse-ring />
-      <div v-else i-solar:check-circle-bold-duotone />
+      <div v-else i-solar:check-circle-bold-duotone text="neutral-500 dark:neutral-400" />
       <div>
         Preparing external resources...
       </div>

apps/stage-tamagotchi/src/pages/index.vue

@@ -185,7 +185,7 @@ if (import.meta.hot) { // For better DX
     >
       <div
         class="absolute h-32 w-full flex items-center justify-center overflow-hidden rounded-xl"
-        bg="white/85 dark:neutral-900/95" backdrop-blur="md"
+        bg="white/80 dark:neutral-950/80" backdrop-blur="md"
       >
         <div class="wall absolute top-0 h-8" />
         <div data-tauri-drag-region class="absolute left-0 top-0 h-full w-full flex animate-flash animate-duration-5s animate-count-infinite items-center justify-center text-1.5rem text-primary-400 font-normal">

apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue

@@ -1,3 +1,12 @@
 <template>
-  <div />
+  <div>
+    Hearing
+  </div>
 </template>
+
+<route lang="yaml">
+meta:
+  layout: settings
+  stageTransition:
+    name: slide
+</route>