diff --git a/docs/setup/adding-a-comment-system.md b/docs/setup/adding-a-comment-system.md
index 7f1f0b9dd..ee4898ecf 100644
--- a/docs/setup/adding-a-comment-system.md
+++ b/docs/setup/adding-a-comment-system.md
@@ -71,9 +71,8 @@ calling the `super()` function at the beginning of the block:
     /* Register event handlers after documented loaded */
     document.addEventListener("DOMContentLoaded", function() {
       var ref = document.querySelector("[data-md-component=palette]")
-      component$.subscribe(function (component) {
-        if (component.ref === ref)
-          location.reload()
+      ref.addEventListener("change", function() {
+        location.reload()
       })
     })
   </script>
diff --git a/material/overrides/blog.html b/material/overrides/blog.html
index da3d400aa..4b177e7e0 100644
--- a/material/overrides/blog.html
+++ b/material/overrides/blog.html
@@ -6,5 +6,5 @@
   {{ super() }}
   <h2 id="__comments">{{ lang.t("meta.comments") }}</h2>
   <script src="https://giscus.app/client.js" data-repo="squidfunk/mkdocs-material" data-repo-id="MDEwOlJlcG9zaXRvcnk1MDYxNzQyOA==" data-category="_" data-category-id="DIC_kwDOAwRcVM4CAtJY" data-mapping="pathname" data-reactions-enabled="1" data-emit-metadata="1" data-theme="light" data-lang="en" crossorigin="anonymous" async></script>
-  <script>var giscus,palette=__md_get("__palette");palette&&"object"==typeof palette.color&&"slate"===palette.color.scheme&&(giscus=document.querySelector("script[src*=giscus]")).setAttribute("data-theme","dark"),document.addEventListener("DOMContentLoaded",function(){var t=document.querySelector("[data-md-component=palette]");component$.subscribe(function(e){e.ref===t&&location.reload()})})</script>
+  <script>var giscus,palette=__md_get("__palette");palette&&"object"==typeof palette.color&&"slate"===palette.color.scheme&&(giscus=document.querySelector("script[src*=giscus]")).setAttribute("data-theme","dark"),document.addEventListener("DOMContentLoaded",function(){document.querySelector("[data-md-component=palette]").addEventListener("change",function(){location.reload()})})</script>
 {% endblock %}
diff --git a/src/overrides/blog.html b/src/overrides/blog.html
index c57dfdba7..32987668f 100644
--- a/src/overrides/blog.html
+++ b/src/overrides/blog.html
@@ -56,9 +56,8 @@
     /* Register event handlers after documented loaded */
     document.addEventListener("DOMContentLoaded", function() {
       var ref = document.querySelector("[data-md-component=palette]")
-      component$.subscribe(function (component) {
-        if (component.ref === ref)
-          location.reload()
+      ref.addEventListener("change", function() {
+        location.reload()
       })
     })
   </script>