frontend/utils/loadPreferredTheme.ts
JustTemmie 73606b6bc3
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
ci/woodpecker/pr/build-and-publish Pipeline was successful
fix: remove bad "caching" behaviour
2025-07-16 05:35:56 +02:00

23 lines
No EOL
774 B
TypeScript

let themeLinkElement: HTMLLinkElement | null;
export default function loadPreferredTheme() {
const runtimeConfig = useRuntimeConfig()
const baseURL = runtimeConfig.app.baseURL;
const currentTheme = settingsLoad().selectedThemeId ?? "dark"
if (themeLinkElement) {
themeLinkElement.href = `${baseURL}themes/${currentTheme}.css`;
} else {
// create the theme link if one doesn't already exist
useHead({
link: [{
id: "main-theme",
rel: "stylesheet",
// this should preferrably use version hash, but that's not implemented yet
href: `${baseURL}themes/${currentTheme}.css?v=${runtimeConfig.public.buildTimeString}`
}]
})
themeLinkElement = document.getElementById('main-theme') as HTMLLinkElement;
}
}