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); }