diff --git a/layouts/partials/comments/provider/artalk.html b/layouts/partials/comments/provider/artalk.html
index 18cadf3..efceb24 100644
--- a/layouts/partials/comments/provider/artalk.html
+++ b/layouts/partials/comments/provider/artalk.html
@@ -8,7 +8,7 @@
 <div id="Comments"></div>
 
 <script>
-  new Artalk({
+  const artalkInstance = new Artalk({
     el:        '#Comments',
     pageKey:   '{{ .Page.RelPermalink }}',
     pageTitle: '{{ .Title }}',
@@ -16,4 +16,8 @@
     site:      '{{ $.Site.Params.comments.artalk.site }}',
     darkMode:  '{{ $.Site.Params.comments.artalk.darkMode }}'
   })
+
+  window.addEventListener('onColorSchemeChange', (e) => {
+    artalkInstance.setDarkMode(e.detail == 'dark')
+  })
 </script>