diff --git a/frontend/plugins/dark-mode.client.ts b/frontend/plugins/dark-mode.client.ts index 0b79ee49a703..90b11111054d 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 0.5 millisecond delay fixes this problem + // Adding a 100 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); + setTimeout(() => { $vuetify.theme.dark = isDark.value; }, 100); }; export default darkModePlugin;