fix(achievement): 拉开青铜和黄金的配色
青铜和黄金原来都落在橙棕区(色相 30 / 44),扫一眼分不出来。 青铜往红铜偏、黄金往纯黄推,边框色和明暗两套文字色一起调整, 对比度全部保持 4.5:1 以上。顺带修浅色模式白金只有 4.10:1。
This commit is contained in:
@@ -284,11 +284,13 @@ export const RARITY_LABEL: Record<AchievementRarity, string> = {
|
|||||||
platinum: "白金",
|
platinum: "白金",
|
||||||
}
|
}
|
||||||
|
|
||||||
// 边框、色块用的原色:饱和度够高,明暗底上都醒目
|
// 边框、色块用的原色:饱和度够高,明暗底上都醒目。
|
||||||
|
// 青铜往红偏(色相 23),黄金往纯黄推(色相 47),中间隔开两档亮度,
|
||||||
|
// 不然两个都落在橙棕区,扫一眼分不出来
|
||||||
export const RARITY_COLOR: Record<AchievementRarity, string> = {
|
export const RARITY_COLOR: Record<AchievementRarity, string> = {
|
||||||
bronze: "#b87333",
|
bronze: "#c2703d",
|
||||||
silver: "#9fa6b2",
|
silver: "#9fa6b2",
|
||||||
gold: "#e0a300",
|
gold: "#f2c012",
|
||||||
platinum: "#7dd3fc",
|
platinum: "#7dd3fc",
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -299,16 +301,16 @@ export const RARITY_TEXT_COLOR: Record<
|
|||||||
Record<AchievementRarity, string>
|
Record<AchievementRarity, string>
|
||||||
> = {
|
> = {
|
||||||
dark: {
|
dark: {
|
||||||
bronze: "#d18d4f",
|
bronze: "#e08d63",
|
||||||
silver: "#b6bcc7",
|
silver: "#b6bcc7",
|
||||||
gold: "#e0a300",
|
gold: "#f2c012",
|
||||||
platinum: "#7dd3fc",
|
platinum: "#7dd3fc",
|
||||||
},
|
},
|
||||||
light: {
|
light: {
|
||||||
bronze: "#9a5b25",
|
bronze: "#a13d1e",
|
||||||
silver: "#6b7280",
|
silver: "#6b7280",
|
||||||
gold: "#a37500",
|
gold: "#8f6f00",
|
||||||
platinum: "#0284c7",
|
platinum: "#0369a1",
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user