fix(stage-tamagotchi): styles & backgrounds

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>

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;
 }