github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-07-11 15:47:13 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

fix: delay dark mode loading to bypass vuetify bug (#1877)

Browse source
This commit is contained in:
Michael Genson 2022-12-04 13:30:02 -06:00 • committed by GitHub
parent 6111f9c88c
commit 0e1d778d3a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

5
frontend/plugins/dark-mode.client.ts
View file

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