cloverta/SanYeCao-blog
1
0
Fork 0
mirror of https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git synced 2026-07-03 15:41:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix dark mode

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-04-04 13:14:25 +03:00
parent c8fbea7b07
commit 3f23b930d3
1 changed files with 14 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/remark42-embed.svelte
View file

@ -6,13 +6,17 @@
let pagePath = `/posts/${slug}/`;
function getTheme() {
return localStorage.getItem("color-theme") === "dark" ? "dark" : "light";
return document.documentElement.classList.contains("dark")
? "dark"
: "light";
}
function syncRemark42Theme() {
if (window.REMARK42?.changeTheme) {
function applyRemark42Theme() {
if (window.REMARK42 && typeof window.REMARK42.changeTheme === "function") {
window.REMARK42.changeTheme(getTheme());
return true;
}
return false;
}
onMount(() => {
@ -46,10 +50,14 @@
document.body.appendChild(script);
}
syncRemark42Theme();
const applyWhenReady = setInterval(() => {
if (applyRemark42Theme()) {
clearInterval(applyWhenReady);
}
}, 200);
const observer = new MutationObserver(() => {
syncRemark42Theme();
applyRemark42Theme();
});
observer.observe(document.documentElement, {
@ -57,11 +65,9 @@
attributeFilter: ["class"],
});
window.addEventListener("storage", syncRemark42Theme);
return () => {
clearInterval(applyWhenReady);
observer.disconnect();
window.removeEventListener("storage", syncRemark42Theme);
};
});
</script>