From 8878b4d9c8ba5442f2300a755022c9029d598496 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=B8=80=E4=B9=8B?= <yz@ggnb.top>
Date: Mon, 16 Mar 2026 20:25:55 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=20ScriptE?=
 =?UTF-8?q?ditor=20=E8=84=9A=E6=9C=AC=E5=88=97=E8=A1=A8=E7=A1=AC=E7=BC=96?=
 =?UTF-8?q?=E7=A0=81=E6=9A=97=E8=89=B2=E8=83=8C=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#1258 中引入了硬编码的暗色 hex 值（#414958/#474747/#333333）和 RGB 文字颜色，
导致脚本列表在亮色模式下也显示为暗色背景。

改用 Arco Design CSS 变量（--color-fill-2, --color-text-2 等），使脚本列表
在亮色/暗色模式下都能正确显示。
---
 src/pages/options/routes/script/ScriptEditor.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/options/routes/script/ScriptEditor.tsx b/src/pages/options/routes/script/ScriptEditor.tsx
index 40a6a694b..973432b21 100644
--- a/src/pages/options/routes/script/ScriptEditor.tsx
+++ b/src/pages/options/routes/script/ScriptEditor.tsx
@@ -914,10 +914,7 @@ function ScriptEditor() {
               )}
               {filteredScriptList.map((script) => {
                 const editor = editorFindItem(script.uuid);
-                const colorRGB = !editor ? "173,173,173" : editor.isChanged ? "230,155,31" : "199,199,199";
                 const alpha = script.status === 2 ? 0.8 : 1.0;
-                const colorRGBA = `rgba(${colorRGB},${alpha})`;
-                const delBtnRGBA = `rgba(173,173,173,${alpha})`;
                 return (
                   <div key={`s_${script.uuid}`} className="tw-relative tw-group">
                     <Button
@@ -927,8 +924,13 @@ function ScriptEditor() {
                         overflow: "hidden",
                         textOverflow: "ellipsis",
                         whiteSpace: "nowrap",
-                        color: `${colorRGBA}`,
-                        backgroundColor: selectedScript === script.uuid ? "#414958" : editor ? "#474747" : "#333333",
+                        opacity: alpha,
+                        color: !editor
+                          ? "var(--color-text-3)"
+                          : editor.isChanged
+                            ? "rgb(var(--warning-6))"
+                            : "var(--color-text-2)",
+                        backgroundColor: selectedScript === script.uuid ? "var(--color-fill-2)" : "",
                         paddingRight: "32px", // 为删除按钮留出空间
                       }}
                       onClick={() => {
@@ -950,7 +952,7 @@ function ScriptEditor() {
                         minWidth: "20px",
                         border: "none",
                         background: "transparent",
-                        color: `${delBtnRGBA}`,
+                        color: "var(--color-text-3)",
                         boxShadow: "none",
                       }}
                       onClick={(e) => {

From be9baa9cf7a2efb995b90935be49007cf5459a3a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E4=B8=80=E4=B9=8B?= <yz@ggnb.top>
Date: Tue, 17 Mar 2026 10:31:58 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=90=9B=20=E4=BD=BF=E7=94=A8=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=20CSS=20=E5=8F=98=E9=87=8F=E6=9B=BF=E4=BB=A3?=
 =?UTF-8?q?=20Arco=20=E5=8F=98=E9=87=8F=EF=BC=8C=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E4=BA=AE=E8=89=B2=E6=A8=A1=E5=BC=8F=E8=84=9A=E6=9C=AC=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E8=83=8C=E6=99=AF=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/options/routes/script/ScriptEditor.tsx |  7 ++++++-
 src/pages/options/routes/script/index.css        | 13 +++++++++++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/pages/options/routes/script/ScriptEditor.tsx b/src/pages/options/routes/script/ScriptEditor.tsx
index 973432b21..27abbb592 100644
--- a/src/pages/options/routes/script/ScriptEditor.tsx
+++ b/src/pages/options/routes/script/ScriptEditor.tsx
@@ -930,7 +930,12 @@ function ScriptEditor() {
                           : editor.isChanged
                             ? "rgb(var(--warning-6))"
                             : "var(--color-text-2)",
-                        backgroundColor: selectedScript === script.uuid ? "var(--color-fill-2)" : "",
+                        backgroundColor:
+                          selectedScript === script.uuid
+                            ? "var(--editor-bg-selected)"
+                            : editor
+                              ? "var(--editor-bg-open)"
+                              : "var(--editor-bg-default)",
                         paddingRight: "32px", // 为删除按钮留出空间
                       }}
                       onClick={() => {
diff --git a/src/pages/options/routes/script/index.css b/src/pages/options/routes/script/index.css
index dd878a496..387d8a2c2 100644
--- a/src/pages/options/routes/script/index.css
+++ b/src/pages/options/routes/script/index.css
@@ -5,6 +5,19 @@
   white-space: nowrap;
 }
 
+/* ScriptEditor 脚本列表颜色变量 */
+body {
+  --editor-bg-selected: #D4D7DE;
+  --editor-bg-open: #EBEBEB;
+  --editor-bg-default: #F5F5F5;
+}
+
+body[arco-theme='dark'] {
+  --editor-bg-selected: #414958;
+  --editor-bg-open: #474747;
+  --editor-bg-default: #333333;
+}
+
 .script-code-editor {
 	margin: 0;
 	padding: 0;