From 569ad36db15e6d1b0a0f1e7b655353b755c44d1e Mon Sep 17 00:00:00 2001
From: hehh <lingtinzhe@icloud.com>
Date: Sun, 30 Nov 2025 00:07:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(css):=20=E4=BF=AE=E5=A4=8D=E9=BB=91?=
 =?UTF-8?q?=E5=A4=9C=E6=A8=A1=E5=BC=8F=E4=B8=8B=E6=8F=92=E4=BB=B6=E9=9D=A2?=
 =?UTF-8?q?=E6=9D=BF=E5=92=8C=E8=AF=84=E8=AE=BA=E8=AE=A1=E6=95=B0=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修复黑夜模式下插件面板背景色和文字颜色显示异常
- 调整插件面板边框、圆角和阴影效果
- 优化评论计数文字颜色、粗细和阴影效果
- 修复下拉菜单背景、边框和悬停状态样式
- 调整下拉菜单项的激活状态背景色
- 修复箭头图标在黑夜模式下的亮度问题
---
 css/artalk.css | 51 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/css/artalk.css b/css/artalk.css
index 3eb8e5f..43b5b50 100644
--- a/css/artalk.css
+++ b/css/artalk.css
@@ -653,6 +653,25 @@
     border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
 }
 
+/* 修复黑夜模式下插件面板的背景色问题 */
+[data-theme="night"] .atk-editor-plug-wrap,
+[data-theme="night"] .atk-plug-panel-wrap,
+[data-theme="night"] .atk-editor-plug-emoticons,
+[data-theme="night"] .atk-editor-plug-preview {
+    background: rgba(30, 30, 35, 0.95) !important;
+    color: #ffffff !important;
+}
+
+[data-theme="night"] .atk-plug-panel-wrap {
+    border: 1px solid rgba(255, 255, 255, 0.15) !important;
+    border-radius: 12px !important;
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
+}
+
+[data-theme="night"] .atk-editor-plug-emoticons {
+    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
+}
+
 /* 优化评论底部工具栏在黑夜模式下的样式 */
 [data-theme="night"] .atk-editor-bottom {
     background: rgba(40, 40, 45, 0.7) !important;
@@ -719,3 +738,35 @@
 [data-theme="night"] .atk-actions .atk-action:hover {
     color: #00cec9 !important;
 }
+
+/* 修复黑夜模式下评论计数和下拉菜单的可见性 */
+[data-theme="night"] .atk-comment-count {
+    color: #ffffff !important;
+    font-weight: 600 !important;
+    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3) !important;
+}
+
+[data-theme="night"] .atk-dropdown-wrap {
+    background: rgba(30, 30, 35, 0.95) !important;
+    border: 1px solid rgba(255, 255, 255, 0.15) !important;
+    border-radius: 20px !important;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
+}
+
+[data-theme="night"] .atk-dropdown-item {
+    color: #ffffff !important;
+}
+
+[data-theme="night"] .atk-dropdown-item:hover {
+    background: rgba(0, 206, 201, 0.2) !important;
+    color: #00cec9 !important;
+}
+
+[data-theme="night"] .atk-dropdown-item.active {
+    background: rgba(0, 206, 201, 0.3) !important;
+    color: #00cec9 !important;
+}
+
+[data-theme="night"] .atk-arrow-down-icon {
+    filter: brightness(2) !important;
+}