feat: Using localStorage to remember user's theme setting.

dashboard/src/config.ts

@@ -7,12 +7,21 @@ export type ConfigProps = {
   inputBg: boolean;
 };
 
+function checkUITheme() {
+  const theme = localStorage.getItem("uiTheme");
+  console.log('memorized theme: ', theme);
+  if (!theme || !(['PurpleTheme', 'PurpleThemeDark'].includes(theme))) {
+    localStorage.setItem("uiTheme", "PurpleTheme");
+    return 'PurpleTheme';
+  } else return theme;
+}
+
 const config: ConfigProps = {
   Sidebar_drawer: true,
   Customizer_drawer: false,
   mini_sidebar: false,
   fontTheme: 'Roboto',
-  uiTheme: 'PurpleTheme',
+  uiTheme: checkUITheme(),
   inputBg: false
 };
 

dashboard/src/plugins/vuetify.ts

@@ -3,7 +3,7 @@ import '@mdi/font/css/materialdesignicons.css';
 import * as components from 'vuetify/components';
 import * as directives from 'vuetify/directives';
 import { PurpleTheme } from '@/theme/LightTheme';
-import {PurpleThemeDark} from "@/theme/DarkTheme";
+import { PurpleThemeDark } from "@/theme/DarkTheme";
 
 export default createVuetify({
   components,

dashboard/src/stores/customizer.ts

@@ -25,6 +25,7 @@ export const useCustomizerStore = defineStore({
     },
     SET_UI_THEME(payload: string) {
       this.uiTheme = payload;
+      localStorage.setItem("uiTheme", payload);
     },
   }
 });