From ec84f664eaf962fd830ed4db03e729c23326a0cb Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 15 Oct 2022 14:04:48 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4=E5=9C=A8=E4=BA=AE?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=E4=B8=8B=E8=AF=9D=E9=A2=98=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E8=83=8C=E6=99=AF=E9=A2=9C=E8=89=B2=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../com.msgbyte.topic/src/components/TopicCard.tsx | 14 +++++++++++---
 .../src/components/TopicComments.tsx               |  6 +++++-
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicCard.tsx b/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicCard.tsx
index 396770e6..33bf829a 100644
--- a/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicCard.tsx
+++ b/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicCard.tsx
@@ -13,13 +13,17 @@ import { request } from '../request';
 import { TopicComments } from './TopicComments';
 
 const Root = styled.div`
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(0, 0, 0, 0.05);
   padding: 10px;
   border-radius: 3px;
   margin: 10px;
   width: auto;
   display: flex;
 
+  .dark & {
+    background-color: rgba(0, 0, 0, 0.25);
+  }
+
   .left {
     margin-right: 10px;
   }
@@ -28,7 +32,7 @@ const Root = styled.div`
     flex: 1;
     user-select: text;
 
-    .header {
+    .header {·
       display: flex;
       line-height: 32px;
 
@@ -51,9 +55,13 @@ const Root = styled.div`
 `;
 
 const ReplyBox = styled.div`
-  background-color: rgba(0, 0, 0, 0.25);
   padding: 10px;
   margin-top: 10px;
+  background-color: transparent;
+
+  .dark & {
+    background-color: rgba(0, 0, 0, 0.25);
+  }
 `;
 
 export const TopicCard: React.FC<{
diff --git a/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicComments.tsx b/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicComments.tsx
index 191c969c..21ba0910 100644
--- a/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicComments.tsx
+++ b/server/plugins/com.msgbyte.topic/web/plugins/com.msgbyte.topic/src/components/TopicComments.tsx
@@ -7,7 +7,11 @@ const Root = styled.div`
   padding: 10px;
   margin-bottom: 6px;
   border-radius: 3px;
-  background-color: rgba(0, 0, 0, 0.25);
+  background-color: rgba(0, 0, 0, 0.05);
+
+  .dark & {
+    background-color: rgba(0, 0, 0, 0.25);
+  }
 
   > div {
     display: flex;