fix(comment): disqus doesn't follow theme mode switching

This commit is contained in:
Cotes Chung 2022-11-22 18:33:04 +08:00
parent e50343b06b
commit b0d5956f5a
No known key found for this signature in database
GPG key ID: 0D9E54843167A808

View file

@ -15,7 +15,6 @@
}; };
/* Lazy loading */ /* Lazy loading */
var disqus_observer = new IntersectionObserver(function (entries) { var disqus_observer = new IntersectionObserver(function (entries) {
if(entries[0].isIntersecting) { if(entries[0].isIntersecting) {
(function () { (function () {
@ -32,8 +31,9 @@
disqus_observer.observe(document.querySelector('#disqus_thread')); disqus_observer.observe(document.querySelector('#disqus_thread'));
/* Auto switch theme */ /* Auto switch theme */
function reloadDisqus() { function reloadDisqus() {
if (event.source === window && event.data &&
event.data.direction === ModeToggle.ID) {
/* Disqus hasn't been loaded */ /* Disqus hasn't been loaded */
if (typeof DISQUS === "undefined") { if (typeof DISQUS === "undefined") {
return; return;
@ -43,12 +43,12 @@
DISQUS.reset({ reload: true, config: disqus_config }); DISQUS.reset({ reload: true, config: disqus_config });
} }
} }
}
const modeToggle = document.querySelector(".mode-toggle"); const modeToggle = document.querySelector(".mode-toggle");
if (typeof modeToggle !== "undefined") { if (typeof modeToggle !== "undefined") {
/* modeToggle.addEventListener('click', reloadDisqus); // not pretty for 'color-scheme' */ window.addEventListener("message", reloadDisqus);
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', reloadDisqus);
} }
</script> </script>