创建协调统一的主题配色
使用一个主色生成完整色阶,让主题各区域保持统一。
协调的主题通常不需要大量颜色,关键在于各区域的颜色能够相互呼应。
创作器里可以用一个主色生成一整套从浅到深的色阶,再一键应用到常用区域。
为什么要统一配色
主题颜色会分散在多处:
- 窗口顶部外框、工具栏、标签页
- 新标签页的背景、文字、链接
- 地址栏的底色和文字
使用过多缺少关联的颜色,容易导致:
- 整体视觉风格不统一
- 文字对比度不足
- 悬停状态和强调色过于突兀
推荐做法
- 在创作器里选一个主色
- 生成浅到深的色阶
- 一键应用到常用区域,再按风格微调
配色建议
- 窗口外框:使用较深色,明确浏览器的外框区域
- 工具栏:使用较浅色,确保按钮和文字清晰可见
- 标签文字 / 地址栏文字 / 新标签页内容文字:用深色,保证对比
- 新标签页背景 / 地址栏背景:用最浅色或接近白色
- 链接色:用中间偏亮的颜色;悬停时再深一点
这套方法并非唯一标准,但适合作为建立个人风格前的可靠起点。