Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-05 04:45:47 +01:00
Code Issues Packages Projects Releases Activity

fix(share): light theme not properly restored

Browse Source
This commit is contained in:
Elian Doran
2025-10-29 18:35:27 +02:00
parent bc86fb95b5
commit b58e1f146c
1 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
packages/share-theme/src/scripts/modules/theme.ts
View File

@@ -1,5 +1,5 @@
const prefersDark = localStorage.getItem("theme") === "dark" || (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches); const themeToLoad = getThemeToLoad();
if (prefersDark) { if (themeToLoad === "dark") {
document.body.classList.add("theme-dark"); document.body.classList.add("theme-dark");
document.body.classList.remove("theme-light"); document.body.classList.remove("theme-light");
} else { } else {
@@ -12,7 +12,7 @@ export default function setupThemeSelector() {
const themeSelection: HTMLDivElement = document.querySelector(".theme-selection")!; const themeSelection: HTMLDivElement = document.querySelector(".theme-selection")!;
themeSelection.classList.add("no-transition"); themeSelection.classList.add("no-transition");
themeSwitch.checked = prefersDark; themeSwitch.checked = (themeToLoad === "dark");
setTimeout(() => themeSelection.classList.remove("no-transition"), 400); setTimeout(() => themeSelection.classList.remove("no-transition"), 400);
themeSwitch?.addEventListener("change", () => { themeSwitch?.addEventListener("change", () => {
@@ -27,3 +27,14 @@ export default function setupThemeSelector() {
} }
}); });
} }
function getThemeToLoad() {
const storedTheme = localStorage.getItem("theme");
if (storedTheme) {
// Respect user's choice if one has already been made.
return storedTheme;
} else if (window.matchMedia) {
// Fallback to browser's color preference otherwise.
return window.matchMedia('(prefers-color-scheme: dark)').matches;
}
}