HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2025-07-19 19:18:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat:#20 refactored theme switch

Browse Source
This commit is contained in:
Elmar Kresse
2024-07-02 11:57:36 +02:00
parent 4f50f3a7c3
commit eca68ec4c2
3 changed files with 32 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/App.vue
View File

@ -54,7 +54,6 @@ const updateMobile = () => {
};
updateMobile();
window.addEventListener("resize", updateMobile);
const settings = settingsStore();
@ -62,13 +61,13 @@ const emit = defineEmits(["dark-mode-toggled"]);
onMounted(() => {
// set theme matching browser preference
setTheme(settings, primeVue, emit, (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches));
settings.setDarkMode(window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches)
setTheme(settings, primeVue, emit);
window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change", (e) => {
setTheme(settings, primeVue, emit, e.matches);
settings.setDarkMode(e.matches)
setTheme(settings, primeVue, emit);
});
});
</script>
<template>