From c978d9cb601d5d47d3101f9d779d762801550fe1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=BB=9D=E5=B0=98?= <237809796@qq.com> Date: Thu, 1 Oct 2026 02:41:21 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96:=20=E7=8A=B6=E6=80=81?= =?UTF-8?q?=E5=BE=BD=E7=AB=A0=E8=89=B2=E5=AF=B9=E9=BD=90=E8=AE=BE=E8=AE=A1?= =?UTF-8?q?token?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 阶段徽章/优先级/git 未跟踪状态色收敛到既有 token,延续视觉一致性 --- src/components/project/FilePreview.vue | 2 +- src/components/project/ProjectCard.vue | 2 +- src/views/ProjectDetail.vue | 2 +- src/views/TaskDetail.vue | 2 +- src/views/Tasks.vue | 2 +- 5 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/project/FilePreview.vue b/src/components/project/FilePreview.vue index 6aca8db..430952a 100644 --- a/src/components/project/FilePreview.vue +++ b/src/components/project/FilePreview.vue @@ -655,7 +655,7 @@ onUnmounted(() => { .git-modified { background: color-mix(in srgb, var(--df-git-modified) 18%, transparent); color: var(--df-git-modified); } .git-added { background: color-mix(in srgb, var(--df-git-added) 18%, transparent); color: var(--df-git-added); } -.git-untracked { background: rgba(150, 150, 150, 0.18); color: var(--df-git-untracked); } +.git-untracked { background: color-mix(in srgb, var(--df-git-untracked) 18%, transparent); color: var(--df-git-untracked); } .git-deleted { background: color-mix(in srgb, var(--df-git-deleted) 18%, transparent); color: var(--df-git-deleted); } .git-other { background: color-mix(in srgb, var(--df-git-untracked) 18%, transparent); color: var(--df-git-untracked); } diff --git a/src/components/project/ProjectCard.vue b/src/components/project/ProjectCard.vue index 5f53f40..fef12b7 100644 --- a/src/components/project/ProjectCard.vue +++ b/src/components/project/ProjectCard.vue @@ -137,7 +137,7 @@ watch(() => props.view, () => nextTick(measureDesc)) .stage-testing { background: rgba(255,217,61,0.15); color: var(--df-warning); } .stage-release { background: rgba(100,255,218,0.15); color: var(--df-success); } /* WK-1:暂停/取消置灰(PROJECT_STATUS_BADGE_CLASS 映射) */ -.stage-dim { background: rgba(158,158,158,0.15); color: var(--df-text-dim); } +.stage-dim { background: color-mix(in srgb, var(--df-text-dim) 15%, transparent); color: var(--df-text-dim); } .card-desc-wrap { position: relative; diff --git a/src/views/ProjectDetail.vue b/src/views/ProjectDetail.vue index 7a95e73..57903e6 100644 --- a/src/views/ProjectDetail.vue +++ b/src/views/ProjectDetail.vue @@ -1433,7 +1433,7 @@ onUnmounted(() => { .stage-testing { background: var(--df-warning-bg); color: var(--df-warning); } .stage-releasing { background: var(--df-success-bg); color: var(--df-success); } .stage-completed { background: var(--df-success-bg); color: var(--df-success); } -.stage-paused { background: rgba(158,158,158,0.15); color: var(--df-text-dim); } +.stage-paused { background: color-mix(in srgb, var(--df-text-dim) 15%, transparent); color: var(--df-text-dim); } .stage-cancelled { background: var(--df-danger-bg); color: var(--df-danger); } /* .header-actions 已提取到 styles/global.css 全局 */ diff --git a/src/views/TaskDetail.vue b/src/views/TaskDetail.vue index dfa1874..6ce15b0 100644 --- a/src/views/TaskDetail.vue +++ b/src/views/TaskDetail.vue @@ -874,7 +874,7 @@ onBeforeUnmount(() => { border-radius: var(--df-radius-xs); } .priority-critical { background: rgba(255,107,107,0.2); color: var(--df-danger); } -.priority-high { background: rgba(255,152,0,0.2); color: var(--df-warning); } +.priority-high { background: color-mix(in srgb, var(--df-warning) 20%, transparent); color: var(--df-warning); } .priority-medium { background: rgba(100,181,246,0.2); color: var(--df-info); } .priority-low { background: rgba(90,99,128,0.2); color: var(--df-text-dim); } diff --git a/src/views/Tasks.vue b/src/views/Tasks.vue index c0eccae..bc50cfe 100644 --- a/src/views/Tasks.vue +++ b/src/views/Tasks.vue @@ -1244,7 +1244,7 @@ onUnmounted(() => { flex-shrink: 0; } .priority-critical { background: rgba(255,107,107,0.2); color: var(--df-danger); } -.priority-high { background: rgba(255,152,0,0.2); color: var(--df-warning); } +.priority-high { background: color-mix(in srgb, var(--df-warning) 20%, transparent); color: var(--df-warning); } .priority-medium { background: rgba(100,181,246,0.2); color: var(--df-info); } .priority-low { background: rgba(90,99,128,0.2); color: var(--df-text-dim); }