Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-09 03:04:54 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: attempted Vuetify dark mode fix (#2638)

Browse Source
This commit is contained in:
Michael Genson 2023-10-15 19:49:32 -05:00 committed by GitHub
parent eba9ff00ce
commit 4b04137a04
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/plugins/dark-mode.client.ts
View File

@ -5,9 +5,9 @@ const darkModePlugin: Plugin = ({ $vuetify }, _) => {
const isDark = useDark(); const isDark = useDark();
// Vuetify metadata is bugged and doesn't render dark mode fully when called immediately // Vuetify metadata is bugged and doesn't render dark mode fully when called immediately
// Adding a 100 millisecond delay fixes this problem // Adding a delay fixes this problem
// https://stackoverflow.com/questions/69399797/vuetify-darkmode-colors-wrong-after-page-reload // https://stackoverflow.com/questions/69399797/vuetify-darkmode-colors-wrong-after-page-reload
setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 100); setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 200);
}; };
export default darkModePlugin; export default darkModePlugin;