diff --git a/src/pages/options/routes/script/ScriptEditor.tsx b/src/pages/options/routes/script/ScriptEditor.tsx
index 40a6a694b..27abbb592 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,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) => {
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;