diff --git a/docs/.vitepress/theme/themes/themeHandler.ts b/docs/.vitepress/theme/themes/themeHandler.ts index f3cf781d4..f27776a60 100644 --- a/docs/.vitepress/theme/themes/themeHandler.ts +++ b/docs/.vitepress/theme/themes/themeHandler.ts @@ -49,7 +49,7 @@ export class ThemeHandler { } // Set amoled preference - this.amoledEnabled.value = savedAmoled || true + this.amoledEnabled.value = savedAmoled || false // Set mode if (savedMode) { @@ -59,6 +59,11 @@ export class ThemeHandler { const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches this.state.value.currentMode = prefersDark ? 'dark' : 'light' } + + // if the saved mode is not 'dark' and the user refreshes the page, set it to the system preference + if (this.state.value.currentMode !== 'dark' && savedMode !== 'dark') { + this.state.value.currentMode = prefersDark ? 'dark' : 'light' + } this.applyTheme()