post
暗色和淡粉到底怎么配才不腻
做个人站时,我更想要安静的粉色,而不是甜到发白的粉色。
我喜欢暗色底,也喜欢淡粉色,但这两种偏好放在一起时,其实很容易做得太黏、太软,或者对比度不够。
我更喜欢这三层关系
- 背景接近黑紫,但不要纯黑
- 面板比背景亮一点,层次靠透明度和边框做出来
- 粉色只负责强调,不负责铺满整个页面
这样做的好处是,粉色会更像光,而不是像一层厚滤镜。
粉色最好搭一个冷色
如果整个页面只有粉色,页面会有点闷。所以我会给它配一个很轻的冷色,通常是偏蓝的高光,用来处理中性的技术元素,比如:
- 链接
- 状态条
- 元信息
- 终端命令文字
这种冷暖同时存在的感觉,会比单独一种色相更耐看。
代码块也要克制
代码块最好像这样处理:
const palette = {
background: "#120f15",
accent: "#ff9ec3",
accentCool: "#9dcfff",
};
边框要有,背景要更沉一点,但不要让代码块自己成为页面上最吵的地方。