From 9bb2147aee8037b29cbf2d5495817d20c5b2cc2c Mon Sep 17 00:00:00 2001
From: TaurusXin <taurusxin@outlook.com>
Date: Mon, 6 Mar 2023 11:15:35 +0000
Subject: [PATCH] chore: darkmode switch with Artalk

---
 layouts/partials/comments/provider/artalk.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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>