fix(ui): ensure theme is in sync with local storage to prevent flicke…

…ring

src/App.vue

@@ -1391,7 +1391,10 @@ export default {
 		if (settings.load('dark') === undefined) {
 			useBaseStore().setDarkMode(systemThemeDark)
 		} else {
-			// default to white
+			// load the theme from localstorage
+			// this is needed to prevent the theme switch on load
+			// this will be overriden by settings value once `initSettings`
+			// base store method is called
 			this.$vuetify.theme.dark = settings.load('dark', false)
 		}
 

src/stores/base.js

@@ -449,6 +449,10 @@ const useBaseStore = defineStore('base', {
 				Object.assign(this.gateway, conf.gateway || {})
 				Object.assign(this.backup, conf.backup || {})
 				Object.assign(this.ui, conf.ui || {})
+
+				// ensure local storage is in sync with the store
+				// to prevent theme switch on startup
+				this.setDarkMode(this.ui.darkMode)
 			}
 		},
 		initPorts(ports) {