From a59a86dfd6e47986962819a7d1e1bdb50df41952 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 9 Jan 2024 08:36:50 +0100
Subject: [PATCH 1/3] refs #6383 darkMode

---
 src/layouts/MainLayout.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 9c076d98c..e4da463c5 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,8 +1,17 @@
 <script setup>
-import { useQuasar } from 'quasar';
+import { onMounted, computed } from 'vue';
+import { Dark, Quasar, useQuasar } from 'quasar';
 import Navbar from 'src/components/NavBar.vue';
 
 const quasar = useQuasar();
+const darkMode = computed({
+    get() {
+        return Dark.isActive;
+    },
+    set(value) {
+        Dark.set(value);
+    },
+});
 </script>
 
 <template>

From 9e314276bd85abb8e5a9fc360ba154afc70f125c Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 9 Jan 2024 14:37:44 +0100
Subject: [PATCH 2/3] refs #6383 set dark

---
 src/App.vue                | 3 ++-
 src/layouts/MainLayout.vue | 9 ---------
 src/layouts/OutLayout.vue  | 1 +
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8e9bea2e4..d0d8c9358 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,10 +1,11 @@
 <script setup>
 import { onMounted } from 'vue';
-import { useQuasar } from 'quasar';
+import { useQuasar, Dark } from 'quasar';
 import { useI18n } from 'vue-i18n';
 
 const quasar = useQuasar();
 const { availableLocales, locale, fallbackLocale } = useI18n();
+Dark.set(true);
 
 onMounted(() => {
     let userLang = window.navigator.language;
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index e4da463c5..a0873b7f1 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -2,16 +2,7 @@
 import { onMounted, computed } from 'vue';
 import { Dark, Quasar, useQuasar } from 'quasar';
 import Navbar from 'src/components/NavBar.vue';
-
 const quasar = useQuasar();
-const darkMode = computed({
-    get() {
-        return Dark.isActive;
-    },
-    set(value) {
-        Dark.set(value);
-    },
-});
 </script>
 
 <template>
diff --git a/src/layouts/OutLayout.vue b/src/layouts/OutLayout.vue
index f21e6e568..8e9ab3e41 100644
--- a/src/layouts/OutLayout.vue
+++ b/src/layouts/OutLayout.vue
@@ -26,6 +26,7 @@ const userLocale = computed({
         }
     },
 });
+
 const darkMode = computed({
     get() {
         return Dark.isActive;

From a4a7a48fb617a655e14523347d20f59074425d02 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 9 Jan 2024 14:48:47 +0100
Subject: [PATCH 3/3] refs #6383 fix

---
 src/layouts/MainLayout.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index a0873b7f1..021ee685a 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -1,6 +1,5 @@
 <script setup>
-import { onMounted, computed } from 'vue';
-import { Dark, Quasar, useQuasar } from 'quasar';
+import { useQuasar } from 'quasar';
 import Navbar from 'src/components/NavBar.vue';
 const quasar = useQuasar();
 </script>