diff --git a/components/WalineComponent.js b/components/WalineComponent.js
index 7ddc00ee..0b033922 100644
--- a/components/WalineComponent.js
+++ b/components/WalineComponent.js
@@ -29,6 +29,7 @@ const WalineComponent = (props) => {
         serverURL: BLOG.COMMENT_WALINE_SERVER_URL,
         lang: BLOG.lang,
         reaction: true,
+        dark: 'html.dark',
         emoji: [
           '//npm.elemecdn.com/@waline/emojis@1.1.0/tieba',
           '//npm.elemecdn.com/@waline/emojis@1.1.0/weibo',
diff --git a/styles/globals.css b/styles/globals.css
index 41d9fcd2..972618ab 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -181,20 +181,6 @@ nav {
   margin: -0.125em 0.25em;
 }
 
-
-/* waline评论插件夜间适配 */
-.wl-panel{
-  @apply dark:bg-black dark:border-gray-800
-}
-
-.wl-input,.wl-editor{
-  @apply dark:focus-within:bg-gray-900 dark:text-gray-200
-}
-
-.wl-meta > span {
-  @apply dark:bg-gray-800 !important
-}
-
 /* 固定两行 */
 .text-line-2 {
     overflow : hidden;