From 687df8697fbd3f601c313a90c105bb60f35a21fe Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Mon, 25 Sep 2023 18:49:03 +0200
Subject: [PATCH] Moved background color to body tag

---
 app.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app.vue b/app.vue
index 5eecec6..4d9fbbd 100644
--- a/app.vue
+++ b/app.vue
@@ -1,8 +1,7 @@
 <template>
 
     <div v-if="init" 
-        class="bg-gray-100 text-gray-900 min-h-screen h-full
-                dark:bg-gray-900 dark:text-slate-50"
+        class="min-h-screen h-full"
          style="font-family: 'Comfortaa'; overflow-x: hidden; ">
         
         <!-- Prevents scrollbar shift -->
@@ -36,7 +35,10 @@
         init.value = true;
     });
 
-    useHead({ htmlAttrs: { lang: locale.value } });
+    useHead({ 
+        htmlAttrs: { lang: locale.value },
+        bodyAttrs: { class: "dark:bg-gray-900 dark:text-slate-50 bg-gray-100 text-gray-900"}
+    });
     watch(locale, (new_locale) => {
         useHead({ htmlAttrs: { lang: new_locale } });
     })