From 0bfed4d7d4c606b98443d285e510010dd893380e Mon Sep 17 00:00:00 2001
From: lintsinghua <lintsinghua@users.noreply.github.com>
Date: Thu, 18 Dec 2025 23:00:13 +0800
Subject: [PATCH] =?UTF-8?q?style(ui):=20=E6=9B=B4=E6=96=B0=E6=9A=97?=
 =?UTF-8?q?=E8=89=B2=E6=A8=A1=E5=BC=8F=E4=B8=8B=E7=9A=84=E9=A2=9C=E8=89=B2?=
 =?UTF-8?q?=E6=96=B9=E6=A1=88=E4=BB=A5=E5=A2=9E=E5=BC=BA=E5=8F=AF=E8=AF=BB?=
 =?UTF-8?q?=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/agent/AgentModeSelector.tsx    | 28 +++++-----
 .../src/components/audit/CreateTaskDialog.tsx | 52 +++++++++----------
 2 files changed, 40 insertions(+), 40 deletions(-)

diff --git a/frontend/src/components/agent/AgentModeSelector.tsx b/frontend/src/components/agent/AgentModeSelector.tsx
index 5ec3c25..ef04bbd 100644
--- a/frontend/src/components/agent/AgentModeSelector.tsx
+++ b/frontend/src/components/agent/AgentModeSelector.tsx
@@ -22,7 +22,7 @@ export default function AgentModeSelector({
   return (
     <div className="space-y-3">
       <div className="flex items-center gap-2 mb-2">
-        <Shield className="w-4 h-4 text-violet-400" />
+        <Shield className="w-4 h-4 text-violet-600 dark:text-violet-400" />
         <span className="font-mono text-xs font-bold text-muted-foreground uppercase tracking-wider">
           审计模式
         </span>
@@ -34,7 +34,7 @@ export default function AgentModeSelector({
           className={cn(
             "relative flex flex-col p-4 border cursor-pointer transition-all rounded",
             value === "fast"
-              ? "border-amber-500/50 bg-amber-950/30"
+              ? "border-amber-500/50 bg-amber-50 dark:bg-amber-950/30"
               : "border-border hover:border-border bg-muted/50",
             disabled && "opacity-50 cursor-not-allowed"
           )}
@@ -58,17 +58,17 @@ export default function AgentModeSelector({
             )}>
               <Zap className={cn(
                 "w-4 h-4",
-                value === "fast" ? "text-amber-400" : "text-muted-foreground"
+                value === "fast" ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground"
               )} />
             </div>
             <span className={cn(
               "font-bold text-sm font-mono uppercase",
-              value === "fast" ? "text-amber-300" : "text-muted-foreground"
+              value === "fast" ? "text-amber-700 dark:text-amber-300" : "text-muted-foreground"
             )}>
               快速审计
             </span>
             {value === "fast" && (
-              <CheckCircle2 className="w-4 h-4 text-amber-400 ml-auto" />
+              <CheckCircle2 className="w-4 h-4 text-amber-600 dark:text-amber-400 ml-auto" />
             )}
           </div>
 
@@ -99,7 +99,7 @@ export default function AgentModeSelector({
           className={cn(
             "relative flex flex-col p-4 border cursor-pointer transition-all rounded",
             value === "agent"
-              ? "border-violet-500/50 bg-violet-950/30"
+              ? "border-violet-500/50 bg-violet-50 dark:bg-violet-950/30"
               : "border-border hover:border-border bg-muted/50",
             disabled && "opacity-50 cursor-not-allowed"
           )}
@@ -115,7 +115,7 @@ export default function AgentModeSelector({
           />
 
           {/* 推荐标签 */}
-          <div className="absolute -top-2 -right-2 px-2 py-0.5 bg-violet-600 text-foreground text-xs font-bold uppercase font-mono rounded shadow-[0_0_10px_rgba(139,92,246,0.5)]">
+          <div className="absolute -top-2 -right-2 px-2 py-0.5 bg-violet-600 text-white text-xs font-bold uppercase font-mono rounded shadow-[0_0_10px_rgba(139,92,246,0.5)]">
             推荐
           </div>
 
@@ -128,17 +128,17 @@ export default function AgentModeSelector({
             )}>
               <Bot className={cn(
                 "w-4 h-4",
-                value === "agent" ? "text-violet-400" : "text-muted-foreground"
+                value === "agent" ? "text-violet-600 dark:text-violet-400" : "text-muted-foreground"
               )} />
             </div>
             <span className={cn(
               "font-bold text-sm font-mono uppercase",
-              value === "agent" ? "text-violet-300" : "text-muted-foreground"
+              value === "agent" ? "text-violet-700 dark:text-violet-300" : "text-muted-foreground"
             )}>
               Agent 审计
             </span>
             {value === "agent" && (
-              <CheckCircle2 className="w-4 h-4 text-violet-400 ml-auto" />
+              <CheckCircle2 className="w-4 h-4 text-violet-600 dark:text-violet-400 ml-auto" />
             )}
           </div>
 
@@ -153,7 +153,7 @@ export default function AgentModeSelector({
             </li>
             <li className={cn(
               "flex items-center gap-1",
-              value === "agent" ? "text-violet-400 font-medium" : "text-muted-foreground"
+              value === "agent" ? "text-violet-600 dark:text-violet-400 font-medium" : "text-muted-foreground"
             )}>
               <Shield className="w-3 h-3" />
               沙箱漏洞验证
@@ -170,9 +170,9 @@ export default function AgentModeSelector({
 
       {/* 模式说明 */}
       {value === "agent" && (
-        <div className="p-3 bg-violet-950/30 border border-violet-500/30 text-xs text-violet-300 rounded font-mono">
-          <p className="font-bold mb-1 uppercase text-violet-400">Agent 审计模式说明：</p>
-          <ul className="list-disc list-inside space-y-0.5 text-violet-300/80">
+        <div className="p-3 bg-violet-50 dark:bg-violet-950/30 border border-violet-500/30 text-xs text-violet-700 dark:text-violet-300 rounded font-mono">
+          <p className="font-bold mb-1 uppercase text-violet-700 dark:text-violet-400">Agent 审计模式说明：</p>
+          <ul className="list-disc list-inside space-y-0.5 text-violet-600 dark:text-violet-300/80">
             <li>AI Agent 会自主规划审计策略</li>
             <li>使用 RAG 技术进行代码语义检索</li>
             <li>在 Docker 沙箱中验证发现的漏洞</li>
diff --git a/frontend/src/components/audit/CreateTaskDialog.tsx b/frontend/src/components/audit/CreateTaskDialog.tsx
index 475ece8..9e8d72e 100644
--- a/frontend/src/components/audit/CreateTaskDialog.tsx
+++ b/frontend/src/components/audit/CreateTaskDialog.tsx
@@ -389,15 +389,15 @@ export default function CreateTaskDialog({
                 </span>
 
                 {isRepositoryProject(selectedProject) ? (
-                  <div className="flex items-center gap-3 p-3 border border-border rounded bg-blue-950/20">
-                    <GitBranch className="w-5 h-5 text-blue-400" />
+                  <div className="flex items-center gap-3 p-3 border border-border rounded bg-blue-50 dark:bg-blue-950/20">
+                    <GitBranch className="w-5 h-5 text-blue-600 dark:text-blue-400" />
                     <span className="font-mono text-base text-muted-foreground w-12">
                       分支
                     </span>
                     {loadingBranches ? (
                       <div className="flex items-center gap-2 flex-1">
-                        <Loader2 className="w-4 h-4 animate-spin text-blue-400" />
-                        <span className="text-sm text-blue-400 font-mono">加载中...</span>
+                        <Loader2 className="w-4 h-4 animate-spin text-blue-600 dark:text-blue-400" />
+                        <span className="text-sm text-blue-600 dark:text-blue-400 font-mono">加载中...</span>
                       </div>
                     ) : (
                       <Select value={branch} onValueChange={setBranch}>
@@ -438,10 +438,10 @@ export default function CreateTaskDialog({
 
                 {/* 规则集和提示词选择 - 仅快速扫描模式显示 */}
                 {auditMode !== "agent" && (
-                  <div className="p-3 border border-border rounded bg-violet-950/20 space-y-3">
+                  <div className="p-3 border border-border rounded bg-violet-50 dark:bg-violet-950/20 space-y-3">
                     <div className="flex items-center gap-2 mb-2">
-                      <Zap className="w-4 h-4 text-violet-400" />
-                      <span className="font-mono text-sm font-bold text-violet-300 uppercase">审计配置</span>
+                      <Zap className="w-4 h-4 text-violet-600 dark:text-violet-400" />
+                      <span className="font-mono text-sm font-bold text-violet-700 dark:text-violet-300 uppercase">审计配置</span>
                     </div>
                     <div className="grid grid-cols-2 gap-3">
                       <div>
@@ -507,7 +507,7 @@ export default function CreateTaskDialog({
                         {excludePatterns.map((p) => (
                           <Badge
                             key={p}
-                            className="bg-muted text-foreground border-0 font-mono text-xs cursor-pointer hover:bg-rose-900/50 hover:text-rose-400"
+                            className="bg-muted text-foreground border-0 font-mono text-xs cursor-pointer hover:bg-rose-100 dark:hover:bg-rose-900/50 hover:text-rose-600 dark:hover:text-rose-400"
                             onClick={() =>
                               setExcludePatterns((prev) =>
                                 prev.filter((x) => x !== p)
@@ -582,7 +582,7 @@ export default function CreateTaskDialog({
                                 size="sm"
                                 variant="ghost"
                                 onClick={() => setSelectedFiles(undefined)}
-                                className="h-8 text-xs text-rose-400 hover:bg-rose-900/30 hover:text-rose-300"
+                                className="h-8 text-xs text-rose-600 dark:text-rose-400 hover:bg-rose-100 dark:hover:bg-rose-900/30 hover:text-rose-700 dark:hover:text-rose-300"
                               >
                                 重置
                               </Button>
@@ -681,9 +681,9 @@ function ProjectCard({
 
       <div className={`p-1.5 rounded ${isRepo ? "bg-blue-500/20" : "bg-amber-500/20"}`}>
         {isRepo ? (
-          <Globe className="w-4 h-4 text-blue-400" />
+          <Globe className="w-4 h-4 text-blue-600 dark:text-blue-400" />
         ) : (
-          <Package className="w-4 h-4 text-amber-400" />
+          <Package className="w-4 h-4 text-amber-600 dark:text-amber-400" />
         )}
       </div>
 
@@ -694,8 +694,8 @@ function ProjectCard({
           </span>
           <Badge
             className={`text-xs px-1 py-0 font-mono ${isRepo
-                ? "bg-blue-500/20 text-blue-400 border-blue-500/30"
-                : "bg-amber-500/20 text-amber-400 border-amber-500/30"
+                ? "bg-blue-500/20 text-blue-600 dark:text-blue-400 border-blue-500/30"
+                : "bg-amber-500/20 text-amber-600 dark:text-amber-400 border-amber-500/30"
               }`}
           >
             {isRepo ? "REPO" : "ZIP"}
@@ -722,9 +722,9 @@ function ZipUploadCard({
 }) {
   if (zipState.loading) {
     return (
-      <div className="flex items-center gap-3 p-3 border border-border rounded bg-blue-950/20">
-        <Loader2 className="w-5 h-5 animate-spin text-blue-400" />
-        <span className="text-sm font-mono text-blue-400">
+      <div className="flex items-center gap-3 p-3 border border-border rounded bg-blue-50 dark:bg-blue-950/20">
+        <Loader2 className="w-5 h-5 animate-spin text-blue-600 dark:text-blue-400" />
+        <span className="text-sm font-mono text-blue-600 dark:text-blue-400">
           检查文件中...
         </span>
       </div>
@@ -733,16 +733,16 @@ function ZipUploadCard({
 
   if (zipState.storedZipInfo?.has_file) {
     return (
-      <div className="p-3 border border-border rounded bg-emerald-950/20 space-y-3">
+      <div className="p-3 border border-border rounded bg-emerald-50 dark:bg-emerald-950/20 space-y-3">
         <div className="flex items-center gap-3">
           <div className="p-1.5 bg-emerald-500/20 rounded">
-            <Package className="w-4 h-4 text-emerald-400" />
+            <Package className="w-4 h-4 text-emerald-600 dark:text-emerald-400" />
           </div>
           <div className="flex-1">
-            <p className="text-sm font-bold text-emerald-300 font-mono">
+            <p className="text-sm font-bold text-emerald-700 dark:text-emerald-300 font-mono">
               {zipState.storedZipInfo.original_filename}
             </p>
-            <p className="text-xs text-emerald-500 font-mono">
+            <p className="text-xs text-emerald-600 dark:text-emerald-500 font-mono">
               {zipState.storedZipInfo.file_size &&
                 formatFileSize(zipState.storedZipInfo.file_size)}
               {zipState.storedZipInfo.uploaded_at &&
@@ -759,7 +759,7 @@ function ZipUploadCard({
               onChange={() => zipState.switchToStored()}
               className="w-4 h-4 accent-emerald-500"
             />
-            <span className="text-emerald-300">使用此文件</span>
+            <span className="text-emerald-700 dark:text-emerald-300">使用此文件</span>
           </label>
           <label className="flex items-center gap-2 cursor-pointer font-mono text-sm">
             <input
@@ -768,7 +768,7 @@ function ZipUploadCard({
               onChange={() => zipState.switchToUpload()}
               className="w-4 h-4 accent-emerald-500"
             />
-            <span className="text-emerald-300">上传新文件</span>
+            <span className="text-emerald-700 dark:text-emerald-300">上传新文件</span>
           </label>
         </div>
 
@@ -812,13 +812,13 @@ function ZipUploadCard({
   }
 
   return (
-    <div className="p-3 border border-dashed border-amber-500/50 rounded bg-amber-950/20">
+    <div className="p-3 border border-dashed border-amber-500/50 rounded bg-amber-50 dark:bg-amber-950/20">
       <div className="flex items-start gap-3">
         <div className="p-1.5 bg-amber-500/20 rounded">
-          <Upload className="w-4 h-4 text-amber-400" />
+          <Upload className="w-4 h-4 text-amber-600 dark:text-amber-400" />
         </div>
         <div className="flex-1">
-          <p className="text-sm font-bold text-amber-300 font-mono uppercase">
+          <p className="text-sm font-bold text-amber-700 dark:text-amber-300 font-mono uppercase">
             上传 ZIP 文件
           </p>
           <div className="flex gap-2 items-center mt-2">
@@ -855,7 +855,7 @@ function ZipUploadCard({
             )}
           </div>
           {zipState.zipFile && (
-            <p className="text-xs text-amber-400 mt-2 font-mono">
+            <p className="text-xs text-amber-600 dark:text-amber-400 mt-2 font-mono">
               已选: {zipState.zipFile.name} (
               {formatFileSize(zipState.zipFile.size)})
             </p>