فهرست منبع

refactor(mind-detail): B-1o PsychCrisisBanner 令牌化——14 处硬编码色收敛(零观感变化)

- uni.scss §16 状态色补档新登记 2 枚:$status-warning-2 #F59E0B(amber-500
  警示副档,vs $status-warning #FBBF24)、$status-warning-tint #FFFBEB
  (amber-50 极浅底,vs $status-warning-soft #FEF3C7)——两值均 8+ 文件复用
- 组件 14 处 hex 收敛:12 处映射既有令牌 + 2 处用本轮新档
- equiv-regression PASS
liaoxg 1 هفته پیش
والد
کامیت
6bb95f9285
2فایلهای تغییر یافته به همراه14 افزوده شده و 12 حذف شده
  1. 12 12
      cfc-frontend/pages/mind-detail/components/PsychCrisisBanner.vue
  2. 2 0
      cfc-frontend/uni.scss

+ 12 - 12
cfc-frontend/pages/mind-detail/components/PsychCrisisBanner.vue

@@ -121,26 +121,26 @@ export default {
 }
 
 .crisis-alert {
-  background: #fff;
+  background: $app-surface;
   border-radius: 16rpx;
   padding: 20rpx;
   margin-bottom: 12rpx;
   box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.06);
-  border-left: 8rpx solid #FF6B9D;
+  border-left: 8rpx solid $dim-mind;
 }
 
 .crisis-alert.severity-high {
-  border-left-color: #EF4444;
-  background: linear-gradient(135deg, #FFF5F5 0%, #FFFFFF 100%);
+  border-left-color: $status-danger;
+  background: linear-gradient(135deg, $status-danger-tint 0%, $app-surface 100%);
 }
 
 .crisis-alert.severity-medium {
-  border-left-color: #F59E0B;
-  background: linear-gradient(135deg, #FFFBEB 0%, #FFFFFF 100%);
+  border-left-color: $status-warning-2;
+  background: linear-gradient(135deg, $status-warning-tint 0%, $app-surface 100%);
 }
 
 .crisis-alert.severity-low {
-  border-left-color: #3B82F6;
+  border-left-color: $status-info;
 }
 
 .alert-header {
@@ -157,19 +157,19 @@ export default {
   flex: 1;
   font-size: 26rpx;
   font-weight: 600;
-  color: #333;
+  color: $facade-text-strong;
 }
 
 .alert-dismiss {
   font-size: 24rpx;
-  color: #ccc;
+  color: $facade-text-ghost;
   padding: 4rpx 8rpx;
 }
 
 .alert-message {
   display: block;
   font-size: 24rpx;
-  color: #666;
+  color: $facade-text-body;
   margin-top: 8rpx;
   line-height: 1.5;
 }
@@ -183,11 +183,11 @@ export default {
 
 .alert-time {
   font-size: 20rpx;
-  color: #bbb;
+  color: $facade-text-ghost-light;
 }
 
 .alert-action {
   font-size: 22rpx;
-  color: #FF6B9D;
+  color: $dim-mind;
 }
 </style>

+ 2 - 0
cfc-frontend/uni.scss

@@ -567,6 +567,8 @@ $app-ink-night-3:       #0F3460; // 深夜蓝黑·深档(2 文件)
 // ---- 状态色补档(与 §13 既有令牌同角色不同值,拆档保零观感)----
 $status-info:        #3B82F6; // 信息蓝(vs $uni-info #0EA5E9;PsychCrisisBanner + emotion-report + emotion-trend + soothe-toolbox)
 $status-danger-tint: #FFF5F5; // red-50 浅底(vs $status-danger-soft #FEE2E2;PsychCrisisBanner + emotion-checkin + screening)
+$status-warning-2:   #F59E0B; // amber-500 警示主色·副档(vs $status-warning #FBBF24 amber-400;PsychCrisisBanner + action-detail/ai 等 8+ 文件)
+$status-warning-tint:#FFFBEB; // amber-50 警示极浅底(vs $status-warning-soft #FEF3C7 amber-100;PsychCrisisBanner + action-detail/wealth 等 8+ 文件)
 
 // ---- 填充补档($facade-fill 系的加深/暖色/近白档)----
 $facade-fill-3:        #EEEEEE;  // 灰填充·深(vs $facade-fill #F0F0F0;articles + emotion-checkin + training)