pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-18 05:25:40 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(app): apply the current system theme when relaunching (#1737)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-08-19 12:40:43 +02:00
1 parent abb71ed558
commit a1b595d52f
1 file changed
+8 -2
Download Patch File Download Diff File Expand all files Collapse all files
fluxer_app/src/features/theme/hooks/useThemeCssVariables.ts
+8 -2
View File
@@ -29,7 +29,13 @@ export function useThemeCssVariables({
}: ThemeCssVariablesOptions): void {
useLayoutEffect(() => {
const htmlNode = document.documentElement;
htmlNode.classList.add(`theme-${effectiveTheme}`);
const themeClass = `theme-${effectiveTheme}`;
for (const existingClass of Array.from(htmlNode.classList)) {
if (existingClass.startsWith('theme-') && existingClass !== themeClass) {
htmlNode.classList.remove(existingClass);
}
}
htmlNode.classList.add(themeClass);
htmlNode.style.setProperty('--saturation-factor', saturationFactor.toString());
htmlNode.style.setProperty('--user-select', enableTextSelection ? 'auto' : 'none');
htmlNode.style.setProperty('--font-size', remFromPx(fontSize));
@@ -47,7 +53,7 @@ export function useThemeCssVariables({
htmlNode.style.removeProperty('--markup-strikethrough-color');
}
return () => {
htmlNode.classList.remove(`theme-${effectiveTheme}`);
htmlNode.classList.remove(themeClass);
htmlNode.style.removeProperty('--saturation-factor');
htmlNode.style.removeProperty('--link-decoration');
htmlNode.style.removeProperty('--markup-strikethrough-color');