Req1/Req2 背景色方案预览

下方列出5套配色方案,每套含独立色块预览 + 模拟真实overlay场景(含4种状态)。

方案0:当前(蓝/紫)

Req1=#dbeafe/#0969da, Req2=#f3e8ff/#9333ea — 区分度低,蓝紫色相过近
Req1(ReadShared,RN-F1发起)
bg: #dbeafe | fg: #0969da
Req2(CopyBack,RN-F0发起)
bg: #f3e8ff | fg: #9333ea
Req1(ReadShared,RN-F1发起):正常处理中
Req2(CopyBack,RN-F0发起):暂停等待中

方案1:暖橙 vs 冷青

Req1=#fed7aa/#c2410e, Req2=#cffafe/#0e7490 — 暖冷色相对比强,区分明显
Req1(ReadShared,RN-F1发起)
bg: #fed7aa | fg: #c2410e
Req2(CopyBack,RN-F0发起)
bg: #cffafe | fg: #0e7490
Req1(ReadShared,RN-F1发起):正常处理中
Req2(CopyBack,RN-F0发起):暂停等待中

方案2:玫红 vs 靛蓝

Req1=#fce7f3/#be185d, Req2=#dbeafe/#1d4ed8 — 粉蓝经典对比,性别中性化配色
Req1(ReadShared,RN-F1发起)
bg: #fce7f3 | fg: #be185d
Req2(CopyBack,RN-F0发起)
bg: #dbeafe | fg: #1d4ed8
Req1(ReadShared,RN-F1发起):正常处理中
Req2(CopyBack,RN-F0发起):暂停等待中

方案3:明黄 vs 翠绿

Req1=#fef9c3/#854d0e, Req2=#dcfce7/#15803d — 高饱和度高对比,但黄色较刺眼
Req1(ReadShared,RN-F1发起)
bg: #fef9c3 | fg: #854d0e
Req2(CopyBack,RN-F0发起)
bg: #dcfce7 | fg: #15803d
Req1(ReadShared,RN-F1发起):正常处理中
Req2(CopyBack,RN-F0发起):暂停等待中

方案4:加深蓝紫

Req1=#bfdbfe/#1e40af, Req2=#e9d5ff/#6b21a8 — 保持原色相但加深饱和度
Req1(ReadShared,RN-F1发起)
bg: #bfdbfe | fg: #1e40af
Req2(CopyBack,RN-F0发起)
bg: #e9d5ff | fg: #6b21a8
Req1(ReadShared,RN-F1发起):正常处理中
Req2(CopyBack,RN-F0发起):暂停等待中