From 7d4dc470ce61e48757d79bb40c0dfcf8f3da9fd0 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Sun, 29 Jun 2025 11:55:17 +0800
Subject: [PATCH] style(stage-tamagotchi): improve

---
 .../Widgets/ResourceStatusIsland/LoadingProgress.vue  |  4 ++--
 apps/stage-tamagotchi/src/pages/index.vue             |  2 +-
 .../src/pages/settings/modules/hearing.vue            | 11 ++++++++++-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue b/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue
index 5d01cfce7..874d4ef66 100644
--- a/apps/stage-tamagotchi/src/components/Widgets/ResourceStatusIsland/LoadingProgress.vue
+++ b/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>
diff --git a/apps/stage-tamagotchi/src/pages/index.vue b/apps/stage-tamagotchi/src/pages/index.vue
index 803f48d46..5bd07a932 100644
--- a/apps/stage-tamagotchi/src/pages/index.vue
+++ b/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">
diff --git a/apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue b/apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue
index 04d85e1bd..31cf6611a 100644
--- a/apps/stage-tamagotchi/src/pages/settings/modules/hearing.vue
+++ b/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>