Dark mode fix first page loading

src/components/CMyElem/CMyElem.vue

@@ -457,6 +457,13 @@
             color="blue"
             type="a"
             size="md"
+            :class="
+              myel.class +
+              (editOn ? ` clEdit` : ``) +
+              getClass() +
+              ` ` +
+              tools.getClassAnim(myel.anim)
+            "
             rounded
             :label="$t('reg.link_reg_and_msg')"
             @click="

src/components/CPresentazione/CPresentazione.vue

@@ -26,7 +26,7 @@
                   <div class="q-gutter-xs testo-banda clgutter">
                     <div class="text-h1"><span :class="`myshadow text-blue-9`">{{ t('msg.myAppName') }}</span></div>
                     <div class="text-subtitle1 text-italic q-pl-sm">
-                      <span :class="`shadow text-black `">{{ t('msg.sottoTitoloApp') }}</span>
+                      <span :class="`shadow ` + $q.dark.isActive ? `text-white`: `text-black`">{{ t('msg.sottoTitoloApp') }}</span>
                     </div>
                     <div>
                       <div v-if="!tools.isLogged()" style="margin: 5px; padding: 5px" class="home">
@@ -179,23 +179,11 @@
                           class="btn-start">
                           {{ $t('login.enter') }}
                         </q-btn>
-                        <!--<q-btn
-                          rounded size="lg" color="positive" @click="PagReg"
-                          class="btn-start">
-                          {{ t('reg.submit') }}
-                        </q-btn>-->
                       </div>
                     </div>
 
                     <div v-if="tools.isLogged()">
                       <div>
-                        <!--<q-field-->
-                        <!--v-if="getPermission() === 'granted'"-->
-                        <!--icon="notifications"-->
-                        <!--class="shadow"-->
-                        <!--:label="t('notification.titlegranted')"-->
-                        <!--:helper="t('notification.statusnot')">-->
-                        <!--</q-field>-->
                         <q-field
                           v-if="NotServiceWorker()"
                           class="shadow"

src/components/MyHeader/MyHeader.ts

@@ -86,14 +86,19 @@ export default defineComponent({
     })
 
     watch(() => dark.value, (value: any, oldval: any) => {
-      $q.dark.set(value)
-      tools.setCookie('darkmode', value ? '-1' : '0')
+      if (isfinishLoading.value) {
+        $q.dark.set(value)
+        tools.setCookie('darkmode', value ? '-1' : '0')
+      }
     })
 
-    function uploadStart() {
+    function setDarkMode() {
       dark.value = tools.getCookie('darkmode', false, false, false) === '-1'
 
       $q.dark.set(dark.value)
+    }
+
+    function uploadStart() {
 
       BeforeMount()
     }
@@ -389,6 +394,8 @@ export default defineComponent({
     }
 
     function BeforeMount() {
+      setDarkMode()
+
       // Estrai la Lang dal Localstorage
       if (!globalStore.finishLoading)
         return;