Merge branch 'prod'
commit
36c0cdd6a7
7
app.vue
7
app.vue
|
@ -34,13 +34,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() {
|
||||
|
|
|
@ -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() {
|
||||
|
|
|
@ -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 });
|
||||
|
|
|
@ -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);
|
||||
},
|
||||
|
|
|
@ -8,8 +8,7 @@ const $appState = {
|
|||
newsActive: false,
|
||||
announcement: null,
|
||||
ripple: false,
|
||||
storageKey: 'primevue',
|
||||
colorSchemeKey: 'primevue-color-scheme'
|
||||
storageKey: 'primevue'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
|
Loading…
Reference in New Issue