From 71d2e059a6dffddd68866379c40f843f8de00325 Mon Sep 17 00:00:00 2001
From: zhenyi <434836402@qq.com>
Date: Sun, 31 May 2026 13:12:01 +0800
Subject: [PATCH] fix(issues): update issue page components

---
 src/page/workspace/issues/detail.tsx | 10 +++++-----
 src/page/workspace/issues/index.tsx  |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/page/workspace/issues/detail.tsx b/src/page/workspace/issues/detail.tsx
index 2ef194a..8f27368 100644
--- a/src/page/workspace/issues/detail.tsx
+++ b/src/page/workspace/issues/detail.tsx
@@ -539,7 +539,7 @@ export default function IssueDetailPage() {
       <div className="flex items-start gap-2 justify-between">
         <div className="flex items-center gap-2 min-w-0">
           {isOpen ? (
-            <Circle className="size-4 text-green-600 shrink-0" />
+            <Circle className="size-4 text-success shrink-0" />
           ) : (
             <CircleDot className="size-4 text-purple-600 shrink-0" />
           )}
@@ -599,10 +599,10 @@ export default function IssueDetailPage() {
         {issue.priority && (
           <span className={cn(
             "font-mono text-[10px] uppercase px-1.5 py-0.5 rounded",
-            issue.priority === "critical" ? "bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-400" :
+            issue.priority === "critical" ? "bg-destructive/10 text-destructive dark:bg-destructive/20 dark:text-destructive" :
             issue.priority === "high" ? "bg-orange-100 text-orange-700 dark:bg-orange-900/30 dark:text-orange-400" :
             issue.priority === "low" ? "bg-slate-100 text-slate-600 dark:bg-slate-800 dark:text-slate-400" :
-            "bg-blue-100 text-blue-700 dark:bg-blue-900/30 dark:text-blue-400",
+            "bg-info/10 text-info dark:bg-info/20 dark:text-info",
           )}>
             {issue.priority}
           </span>
@@ -658,7 +658,7 @@ export default function IssueDetailPage() {
                     <GitFork className="size-3.5 text-muted-foreground shrink-0" />
                     <span className="font-heading text-[13px] font-medium text-foreground truncate">{pr.title}</span>
                     <span className="font-mono text-[11px] text-muted-foreground shrink-0"># {pr.number}</span>
-                    <span className={cn("font-mono text-[10px] shrink-0", pr.state === "open" ? "text-green-600" : "text-purple-600")}>
+                    <span className={cn("font-mono text-[10px] shrink-0", pr.state === "open" ? "text-success" : "text-purple-600")}>
                       {pr.state}
                     </span>
                     <ExternalLink className="size-3 text-muted-foreground shrink-0" />
@@ -726,7 +726,7 @@ export default function IssueDetailPage() {
           <SidebarSection title="Priority">
             <span className={cn(
               "text-[12px] font-heading font-medium capitalize",
-              issue.priority === "critical" ? "text-red-600" :
+              issue.priority === "critical" ? "text-destructive" :
               issue.priority === "high" ? "text-orange-600" :
               issue.priority === "low" ? "text-muted-foreground" :
               "text-foreground",
diff --git a/src/page/workspace/issues/index.tsx b/src/page/workspace/issues/index.tsx
index 638b53b..e18293f 100644
--- a/src/page/workspace/issues/index.tsx
+++ b/src/page/workspace/issues/index.tsx
@@ -77,7 +77,7 @@ function IssueRow({ issue, projectName }: { issue: IssueResponse; projectName: s
       to={`/${projectName}/issues/${issue.number}`}
     >
       <span className="mt-0.5 shrink-0">
-        {isOpen ? <Circle className="size-[14px] text-green-600" /> : <CircleDot className="size-[14px] text-purple-600" />}
+        {isOpen ? <Circle className="size-[14px] text-success" /> : <CircleDot className="size-[14px] text-purple-600" />}
       </span>
       <div className="min-w-0 flex-1">
         <div className="flex items-baseline gap-1.5 flex-wrap">
@@ -151,7 +151,7 @@ function IssueListView({ projectName, onCreate }: { projectName: string; onCreat
         <div className="flex items-center gap-2 bg-muted/50 px-3 py-2 border-b border-border">
           <nav className="flex items-center">
             {[
-              { key: "open", icon: <Circle className="size-3 text-green-600" />, count: openCount },
+              { key: "open", icon: <Circle className="size-3 text-success" />, count: openCount },
               { key: "closed", icon: <CircleDot className="size-3 text-purple-600" />, count: closedCount },
               { key: "all", icon: null, count: issues.length },
             ].map((tab) => (