gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 8 Projects Releases Packages 1 Wiki Activity Actions

feat: default to light mode if the browser prefers light mode
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
Twig 2025-08-05 03:07:32 +02:00
parent d5b2b43bf5
commit 3866ced880
Signed by: twig
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
1 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

20
utils/loadPreferredThemes.ts
View file

@ -6,8 +6,16 @@ export default function loadPreferredThemes() {
const runtimeConfig = useRuntimeConfig() const runtimeConfig = useRuntimeConfig()
const baseURL = runtimeConfig.app.baseURL; const baseURL = runtimeConfig.app.baseURL;
const currentStyle = settingsLoad().selectedThemeStyle ?? `${baseURL}themes/style/dark.css` let currentStyle = settingsLoad().selectedThemeStyle ?? undefined
const currentLayout = settingsLoad().selectedThemeLayout ?? `${baseURL}themes/layout/gorb.css` let currentLayout = settingsLoad().selectedThemeLayout ?? `${baseURL}themes/layout/gorb.css`
if (!currentStyle) {
if (prefersLight()) {
currentStyle = `${baseURL}themes/style/light.css`
} else {
currentStyle = `${baseURL}themes/style/dark.css`
}
}
if (styleLinkElement) { if (styleLinkElement) {
styleLinkElement.href = currentStyle; styleLinkElement.href = currentStyle;
@ -34,3 +42,11 @@ function createStyleHead(id: string, themeUrl: string) {
}] }]
}) })
} }
function prefersLight(): boolean {
if (window.matchMedia && window.matchMedia('(prefers-color-scheme: light)').matches) {
return true
}
return false
}