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

update darkmode

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-04-04 13:07:50 +03:00
parent eaad8a3080
commit c8fbea7b07
1 changed files with 45 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -5,6 +5,16 @@
let pagePath = `/posts/${slug}/`;
function getTheme() {
return localStorage.getItem("color-theme") === "dark" ? "dark" : "light";
}
function syncRemark42Theme() {
if (window.REMARK42?.changeTheme) {
window.REMARK42.changeTheme(getTheme());
}
}
onMount(() => {
const scriptId = "remark42-script";
@ -13,28 +23,46 @@
site_id: "cloverta-blog",
components: ["embed"],
show_rss_subscription: false,
theme: localStorage.getItem("color-theme") ?? "light",
theme: getTheme(),
url: pagePath,
page_id: pagePath,
};
if (document.getElementById(scriptId)) return;
if (!document.getElementById(scriptId)) {
const script = document.createElement("script");
script.id = scriptId;
script.async = true;
script.innerHTML = `
!function(e,n){
for(var o=0;o<e.length;o++){
var r=n.createElement("script"),c=".js",d=n.head||n.body;
"noModule"in r?(r.type="module",c=".mjs"):r.async=!0;
r.defer=!0;
r.src=window.remark_config.host+"/web/"+e[o]+c;
d.appendChild(r);
}
}(window.remark_config.components||["embed"],document);
`;
document.body.appendChild(script);
}
const script = document.createElement("script");
script.id = scriptId;
script.async = true;
script.innerHTML = `
!function(e,n){
for(var o=0;o<e.length;o++){
var r=n.createElement("script"),c=".js",d=n.head||n.body;
"noModule"in r?(r.type="module",c=".mjs"):r.async=!0;
r.defer=!0;
r.src=window.remark_config.host+"/web/"+e[o]+c;
d.appendChild(r);
}
}(window.remark_config.components||["embed"],document);
`;
document.body.appendChild(script);
syncRemark42Theme();
const observer = new MutationObserver(() => {
syncRemark42Theme();
});
observer.observe(document.documentElement, {
attributes: true,
attributeFilter: ["class"],
});
window.addEventListener("storage", syncRemark42Theme);
return () => {
observer.disconnect();
window.removeEventListener("storage", syncRemark42Theme);
};
});
</script>