lxy/DevFlow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

优化: 状态徽章色对齐设计token

Browse Source 
阶段徽章/优先级/git 未跟踪状态色收敛到既有 token,延续视觉一致性
This commit is contained in:
lxy
2026-10-01 02:41:21 +08:00
parent efdf1e0282
commit c978d9cb60
5 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/project/FilePreview.vue
+1 -1
View File
@@ -655,7 +655,7 @@ onUnmounted(() => {
.git-modified { background: color-mix(in srgb, var(--df-git-modified) 18%, transparent); color: var(--df-git-modified); } .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-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-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); } .git-other { background: color-mix(in srgb, var(--df-git-untracked) 18%, transparent); color: var(--df-git-untracked); }
src/components/project/ProjectCard.vue
+1 -1
View File
@@ -137,7 +137,7 @@ watch(() => props.view, () => nextTick(measureDesc))
.stage-testing { background: rgba(255,217,61,0.15); color: var(--df-warning); } .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); } .stage-release { background: rgba(100,255,218,0.15); color: var(--df-success); }
/* WK-1:暂停/取消置灰(PROJECT_STATUS_BADGE_CLASS 映射) */ /* 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 { .card-desc-wrap {
position: relative; position: relative;
src/views/ProjectDetail.vue
+1 -1
View File
@@ -1433,7 +1433,7 @@ onUnmounted(() => {
.stage-testing { background: var(--df-warning-bg); color: var(--df-warning); } .stage-testing { background: var(--df-warning-bg); color: var(--df-warning); }
.stage-releasing { background: var(--df-success-bg); color: var(--df-success); } .stage-releasing { background: var(--df-success-bg); color: var(--df-success); }
.stage-completed { 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); } .stage-cancelled { background: var(--df-danger-bg); color: var(--df-danger); }
/* .header-actions 已提取到 styles/global.css 全局 */ /* .header-actions 已提取到 styles/global.css 全局 */
src/views/TaskDetail.vue
+1 -1
View File
@@ -874,7 +874,7 @@ onBeforeUnmount(() => {
border-radius: var(--df-radius-xs); border-radius: var(--df-radius-xs);
} }
.priority-critical { background: rgba(255,107,107,0.2); color: var(--df-danger); } .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-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); } .priority-low { background: rgba(90,99,128,0.2); color: var(--df-text-dim); }
src/views/Tasks.vue
+1 -1
View File
@@ -1244,7 +1244,7 @@ onUnmounted(() => {
flex-shrink: 0; flex-shrink: 0;
} }
.priority-critical { background: rgba(255,107,107,0.2); color: var(--df-danger); } .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-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); } .priority-low { background: rgba(90,99,128,0.2); color: var(--df-text-dim); }