diff --git a/frontend/plugins/dark-mode.client.ts b/frontend/plugins/dark-mode.client.ts index 90b11111054d..3309c951f21c 100644 --- a/frontend/plugins/dark-mode.client.ts +++ b/frontend/plugins/dark-mode.client.ts @@ -5,9 +5,9 @@ const darkModePlugin: Plugin = ({ $vuetify }, _) => { const isDark = useDark(); // 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 - setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 100); + setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 200); }; export default darkModePlugin;