From 5cfc9b0d63c240a10bb0eb8c5d1bb4823dedab40 Mon Sep 17 00:00:00 2001
From: Makito <i@maki.to>
Date: Sun, 19 Oct 2025 23:39:39 +0900
Subject: [PATCH] fix(stage-tamagotchi): broken light/dark toggle

---
 .../Widgets/ControlsIsland/ControlButtonTooltip.vue           | 2 +-
 .../src/renderer/components/Widgets/ControlsIsland/index.vue  | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue
index ee06791a3..83536fdcc 100644
--- a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/ControlButtonTooltip.vue
@@ -21,7 +21,7 @@ import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from 're
             'text-xs',
           ]"
           side="left"
-          :side-offset="1"
+          :side-offset="4"
         >
           <slot name="tooltip" />
         </TooltipContent>
diff --git a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue
index 0c067e5a6..c80e0de97 100644
--- a/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue
+++ b/apps/stage-tamagotchi/src/renderer/components/Widgets/ControlsIsland/index.vue
@@ -69,7 +69,9 @@ const startDraggingWindow = !isLinux ? defineInvoke(context, electronStartDraggi
       </ControlButtonTooltip>
 
       <ControlButtonTooltip>
-        <ControlButton @click="toggleDark">
+        <!-- Recommended to use `toggleDark()` instead of `toggleDark` -->
+        <!-- See: https://vueuse.org/shared/useToggle/#usage -->
+        <ControlButton @click="toggleDark()">
           <Transition name="fade" mode="out-in">
             <div v-if="isDark" i-solar:moon-outline size-5 text="neutral-800 dark:neutral-300" />
             <div v-else i-solar:sun-2-outline size-5 text="neutral-800 dark:neutral-300" />