之前每次改样式都在调色盘里瞎点,改完总觉得"好像有点脏"。这次干脆定死五个变量,之后所有颜色都从这五个里取。
五个变量
--butter #FFD75E:主色,奶黄,亮但不刺眼;--cream #FFFDF7:背景,比纯白柔和;--matcha #6FB08B:点睛,链接和强调;--peach #FFB7A5:腮红,标签和徽章;--ink #2B2B33:正文,比纯黑温柔。
两条规则
同一屏里最多出现两个高饱和色,否则会变成廉价海报。
第二:任何"强调"都只用描边或下划线,不用大面积填充。大面积填充留给真正重要的按钮。
暗色模式
暗色不是把亮色反过来。奶黄在深底上会发灰,所以要把它提亮一点、降低饱和度;背景从 #FFFDF7 换成偏蓝的深灰 #17181D,比纯黑耐看。