From 3df573a49b596b67a32cb340c742ab4f747a5bf3 Mon Sep 17 00:00:00 2001
From: Neko Ayaka <neko@ayaka.moe>
Date: Thu, 20 Mar 2025 20:01:50 +0800
Subject: [PATCH] fix(stage-tamagotchi): styles & backgrounds

---
 .../stage-tamagotchi/src/renderer/src/layouts/default.vue | 2 +-
 apps/stage-tamagotchi/src/renderer/src/styles/main.css    | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue b/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue
index 957279c97..960408d9e 100644
--- a/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue
+++ b/apps/stage-tamagotchi/src/renderer/src/layouts/default.vue
@@ -3,7 +3,7 @@ import { RouterView } from 'vue-router'
 </script>
 
 <template>
-  <div p-4 flex="~ col gap-4">
+  <div px-4 py-8 flex="~ col gap-4">
     <RouterView />
   </div>
 </template>
diff --git a/apps/stage-tamagotchi/src/renderer/src/styles/main.css b/apps/stage-tamagotchi/src/renderer/src/styles/main.css
index 69dc331a9..2ae429159 100644
--- a/apps/stage-tamagotchi/src/renderer/src/styles/main.css
+++ b/apps/stage-tamagotchi/src/renderer/src/styles/main.css
@@ -14,6 +14,14 @@ html {
   transition: all 0.3s ease-in-out;
 }
 
+html.dark {
+  color-scheme: dark;
+}
+
+.dark #app {
+  background: #121212;
+}
+
 #nprogress {
   pointer-events: none;
 }