Auto switch Disqus theme
This commit is contained in:
parent
2acf14ecf0
commit
7ef88c8b8f
1 changed files with 22 additions and 1 deletions
|
@ -29,5 +29,26 @@
|
||||||
}
|
}
|
||||||
}, { threshold: [0] });
|
}, { threshold: [0] });
|
||||||
|
|
||||||
disqus_observer.observe(document.querySelector("#disqus_thread"));
|
disqus_observer.observe(document.querySelector('#disqus_thread'));
|
||||||
|
|
||||||
|
/* Auto switch theme */
|
||||||
|
|
||||||
|
function reloadDisqus() {
|
||||||
|
/* Disqus hasn't been loaded */
|
||||||
|
if (typeof DISQUS === "undefined") {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.readyState == 'complete') {
|
||||||
|
DISQUS.reset({ reload: true, config: disqus_config });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const modeToggle = document.querySelector(".mode-toggle");
|
||||||
|
|
||||||
|
if (modeToggle !== null) {
|
||||||
|
modeToggle.addEventListener('click', reloadDisqus);
|
||||||
|
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', reloadDisqus);
|
||||||
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in a new issue