From a0eaf36db39049b817775d2ee1ccf4494e71c5d0 Mon Sep 17 00:00:00 2001
From: "johannes.vos" <johannes.d.vos@web.de>
Date: Fri, 15 May 2026 10:12:23 +0200
Subject: [PATCH] add isDark state in App.vue

---
 src/App.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8cbcbe8..f1f07cb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,16 +17,21 @@ limitations under the License.
 <script setup>
 import Navbar from './features/nav/components/Navbar.vue';
 import Footer from './features/footer/components/Footer.vue';
+import { ref, provide } from 'vue';
+const isDark = ref(false);
+provide('isDark', isDark);
 </script>
 
 <template>
-    <Navbar />
+    <div :class="{ dark: isDark }">
+        <Navbar />
 
-    <div class="main-content">
-        <router-view />
+        <div class="main-content">
+            <router-view />
+        </div>
+
+        <Footer />
     </div>
-
-    <Footer />
 </template>
 
 <style scoped>