From af91640c2b8b3d0ad806d79310aa289f6725a3da Mon Sep 17 00:00:00 2001
From: clonbg <clonbg@gmail.com>
Date: Thu, 14 Aug 2025 15:26:46 +0200
Subject: [PATCH] Add theme-based background color to main content

---
 app/app.vue | 35 ++++++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 11 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 177ca03..e0ea271 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,18 +1,31 @@
 <template>
-<v-app>
-    <NavBar />
+    <v-app>
+        <NavBar />
 
-    <!-- Main content of the application -->
-    <v-main>
-        <NuxtPage />
+        <!-- Main content of the application -->
+        <v-main
+            :class="[
+                $vuetify.theme.current.dark
+                    ? 'bg-grey-darken-1'
+                    : 'bg-green-lighten-5',
+            ]"
+        >
+            <NuxtPage />
+        </v-main>
 
-    </v-main>
-
-    <AppFooter />
-
-</v-app>
+        <AppFooter />
+    </v-app>
 </template>
 
-<script>
+<script setup>
+import { onMounted } from "vue";
+import { useTheme } from "vuetify";
 
+const theme = useTheme();
+
+onMounted(() => {
+    console.log(theme.name);
+});
 </script>
+
+<style></style>