support change theme

This commit is contained in:
MaysWind
2023-06-23 01:24:10 +08:00
parent a05f6fb6b5
commit 651a912498
3 changed files with 59 additions and 1 deletions
+13
View File
@@ -15,6 +15,7 @@ import { useTokensStore } from '@/stores/token.js';
import { useExchangeRatesStore } from '@/stores/exchangeRates.js';
import { loadMapAssets } from '@/lib/map/index.js';
import { getSystemTheme } from '@/lib/ui.js';
export default {
data() {
@@ -36,8 +37,20 @@ export default {
theme.global.name.value = 'light';
} else if (self.$settings.getTheme() === 'dark') {
theme.global.name.value = 'dark';
} else {
theme.global.name.value = getSystemTheme();
}
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (e) {
if (self.$settings.getTheme() === 'auto') {
if (e.matches) {
theme.global.name.value = 'dark';
} else {
theme.global.name.value = 'light';
}
}
});
let localeDefaultSettings = self.$locale.initLocale(self.userStore.currentUserLanguage);
self.settingsStore.updateLocalizedDefaultSettings(localeDefaultSettings);