diff --git a/app.vue b/app.vue index 63f1baabd..592227e32 100644 --- a/app.vue +++ b/app.vue @@ -18,13 +18,6 @@ export default { } },*/ mounted() { - /*const preferredColorScheme = localStorage.getItem(this.$appState.colorSchemeKey); - const prefersDarkColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches; - - if ((preferredColorScheme === null && prefersDarkColorScheme) || preferredColorScheme === 'dark') { - this.applyTheme({ theme: 'lara-dark-green', dark: true }); - })*/ - EventBus.on('theme-change', this.themeChangeListener); }, beforeUnmount() { diff --git a/error.vue b/error.vue index 77ff64319..84271f477 100644 --- a/error.vue +++ b/error.vue @@ -39,13 +39,6 @@ export default { }); }, mounted() { - const preferredColorScheme = localStorage.getItem(this.$appState.colorSchemeKey); - const prefersDarkColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches; - - if ((preferredColorScheme === null && prefersDarkColorScheme) || preferredColorScheme === 'dark') { - this.applyTheme({ theme: 'aura-dark-green', dark: true }); - } - EventBus.on('theme-change', this.themeChangeListener); }, beforeUnmount() { diff --git a/layouts/default.vue b/layouts/default.vue index c6a701022..2939a2cdc 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -104,12 +104,9 @@ export default { if (this.$appState.darkTheme) { newTheme = currentTheme.replace('dark', 'light'); - localStorage.setItem(this.$appState.colorSchemeKey, 'light'); } else { if (currentTheme.includes('light')) newTheme = currentTheme.replace('light', 'dark'); else newTheme = 'aura-dark-green'; //fallback - - localStorage.setItem(this.$appState.colorSchemeKey, 'dark'); } EventBus.emit('theme-change', { theme: newTheme, dark: !this.$appState.darkTheme });*/ diff --git a/pages/index.vue b/pages/index.vue index 41546b83a..38163bd28 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -52,22 +52,12 @@ export default { expire.setTime(today.getTime() + 3600000 * 24 * 7); document.cookie = 'primeaffiliateid=' + afId + ';expires=' + expire.toUTCString() + ';path=/; domain:primefaces.org'; } - - const preferredColorScheme = localStorage.getItem(this.$appState.colorSchemeKey); - const prefersDarkColorScheme = window.matchMedia('(prefers-color-scheme: dark)').matches; - - if ((preferredColorScheme === null && prefersDarkColorScheme) || preferredColorScheme === 'dark') { - this.replaceTableTheme('aura-dark-green'); - } else { - this.replaceTableTheme('aura-light-green'); - } }, methods: { onDarkModeToggle() { const newTheme = this.$appState.darkTheme ? 'aura-light-green' : 'aura-dark-green'; const newTableTheme = this.$appState.darkTheme ? this.tableTheme.replace('dark', 'light') : this.tableTheme.replace('light', 'dark'); - localStorage.setItem(this.$appState.colorSchemeKey, this.$appState.darkTheme ? 'light' : 'dark'); EventBus.emit('theme-change', { theme: newTheme, dark: !this.$appState.darkTheme }); this.replaceTableTheme(newTableTheme); }, diff --git a/plugins/app-state.js b/plugins/app-state.js index 9bc2c53c5..ef7998633 100644 --- a/plugins/app-state.js +++ b/plugins/app-state.js @@ -8,8 +8,7 @@ const $appState = { newsActive: false, announcement: null, ripple: false, - storageKey: 'primevue', - colorSchemeKey: 'primevue-color-scheme' + storageKey: 'primevue' }); } };