纯黑并不总是深色界面的唯一答案。在这篇演示文字里，背景被赋予一点紫色，面板则稍微亮一些。
让色彩承担职责
粉色带来温度，紫色连接品牌，蓝色提供清晰的操作反馈。颜色可以有情绪，但也需要有稳定的用途。
:root {
--background: #0b0913;
--foreground: #f4f0fb;
--accent: #bb9aff;
--focus: #84e1f0;
}在层次中保持克制
页面最亮的区域留给标题和主按钮。次要说明降低亮度，同时确保仍然容易阅读。装饰线条可以更轻，但不能替代文字信息。
用不同屏幕重新观察
手机与桌面上的字体渲染、屏幕亮度和视距都不同。不要只检查设计稿，还应在真实浏览器里阅读一段正文，找到真正让眼睛舒服的间距。
这套配色是一组演示起点。正式定制时，可以从最喜欢的品牌色出发，再补齐背景、文字和焦点色。
✧
感谢你读到这里。