From d5d92533911ed64b41b24b2028c7049e32774174 Mon Sep 17 00:00:00 2001
From: "tangly1024.com" <tlyong1992@hotmail.com>
Date: Thu, 16 Mar 2023 15:31:38 +0800
Subject: [PATCH] =?UTF-8?q?cusdis=E5=A4=9C=E9=97=B4=E6=A8=A1=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/CusdisComponent.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/components/CusdisComponent.js b/components/CusdisComponent.js
index f1fce6ef..83b962b5 100644
--- a/components/CusdisComponent.js
+++ b/components/CusdisComponent.js
@@ -2,10 +2,31 @@ import { useGlobal } from '@/lib/global'
 import { ReactCusdis } from 'react-cusdis'
 import BLOG from '@/blog.config'
 import { useRouter } from 'next/router'
+import { useEffect } from 'react'
 
 const CusdisComponent = ({ frontMatter }) => {
   const { locale } = useGlobal()
   const router = useRouter()
+  const { isDarkMode } = useGlobal()
+
+  //   处理cusdis主题
+  useEffect(() => {
+    const cusdisThread = document?.getElementById('cusdis_thread')
+    const cusdisIframe = cusdisThread?.getElementsByTagName('iframe')
+    if (cusdisIframe) {
+      const cusdisWrapper = cusdisIframe[0]?.contentDocument?.getElementById('root')
+      if (isDarkMode) {
+        cusdisWrapper?.classList?.remove('light')
+        cusdisWrapper?.classList?.add('dark')
+      } else {
+        cusdisWrapper?.classList?.remove('dark')
+        cusdisWrapper?.classList?.add('light')
+      }
+      if (!cusdisWrapper?.firstElementChild?.classList?.contains('dark:text-gray-100')) {
+        cusdisWrapper?.firstElementChild?.classList?.add('dark:text-gray-100')
+      }
+    }
+  })
 
   return <ReactCusdis
     lang={locale.LOCALE.toLowerCase()}