🐛 修复 ScriptEditor 脚本列表亮色显示有问题 (#1288)

* 🐛 修复 ScriptEditor 脚本列表硬编码暗色背景

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

改用 Arco Design CSS 变量（--color-fill-2, --color-text-2 等），使脚本列表
在亮色/暗色模式下都能正确显示。

* 🐛 使用自定义 CSS 变量替代 Arco 变量，修复亮色模式脚本列表背景色

Author: CodFrm

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,18 @@ 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(--editor-bg-selected)"
+                            : editor
+                              ? "var(--editor-bg-open)"
+                              : "var(--editor-bg-default)",
                         paddingRight: "32px", // 为删除按钮留出空间
                       }}
                       onClick={() => {
@@ -950,7 +957,7 @@ function ScriptEditor() {
                         minWidth: "20px",
                         border: "none",
                         background: "transparent",
-                        color: `${delBtnRGBA}`,
+                        color: "var(--color-text-3)",
                         boxShadow: "none",
                       }}
                       onClick={(e) => {

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;