From 847fc59e3eeadf26df9c0d11659f4e1c24a49744 Mon Sep 17 00:00:00 2001
From: Ljcbaby <46277145+ljcbaby@users.noreply.github.com>
Date: Tue, 30 Nov 2021 22:29:39 +0800
Subject: [PATCH] Add darkmode of DisqusJS (#408)

---
 .../components/third-party/disqusjs.styl      | 39 +++++++++++++++++++
 .../_common/components/third-party/index.styl |  1 +
 2 files changed, 40 insertions(+)
 create mode 100644 source/css/_common/components/third-party/disqusjs.styl

diff --git a/source/css/_common/components/third-party/disqusjs.styl b/source/css/_common/components/third-party/disqusjs.styl
new file mode 100644
index 0000000..1662456
--- /dev/null
+++ b/source/css/_common/components/third-party/disqusjs.styl
@@ -0,0 +1,39 @@
+if (hexo-config('disqusjs.enable') and hexo-config('darkmode')) {
+  @media (prefers-color-scheme:dark) {
+    html #dsqjs a {
+      color: var(--link-color)
+    }
+
+    html #dsqjs a:focus,html #dsqjs a:hover {
+      color: var(--link-hover-color)
+    }
+
+    html #dsqjs .dsqjs-nav,html #dsqjs footer {
+      border-color: var(--card-bg-color)
+    }
+
+    html #dsqjs .dsqjs-load-more,html #dsqjs .dsqjs-load-more:hover,html #dsqjs .dsqjs-nav-tab,html #dsqjs .dsqjs-no-comment,html #dsqjs .dsqjs-post-content {
+      color: var(--text-color)
+    }
+
+    html #dsqjs .dsqjs-order-label {
+      background-color: #3e4b5e
+    }
+
+    html #dsqjs .dsqjs-order-radio:checked+.dsqjs-order-label {
+      background-color: var(--content-bg-color)
+    }
+
+    html #dsqjs .dsqjs-tab-active>span:after {
+      background-color: #2e9fff!important
+    }
+
+    html #dsqjs .dsqjs-footer,html #dsqjs .dsqjs-meta {
+      color: var(--text-color)
+    }
+
+    html #dsqjs .dsqjs-post-body blockquote {
+      border-color: var(--content-bg-color)
+    }
+  }
+}
diff --git a/source/css/_common/components/third-party/index.styl b/source/css/_common/components/third-party/index.styl
index 389372f..b16a051 100644
--- a/source/css/_common/components/third-party/index.styl
+++ b/source/css/_common/components/third-party/index.styl
@@ -1,3 +1,4 @@
+@import 'disqusjs';
 @import 'gitalk';
 @import 'utterances';
 @import 'search';