用途:把现有浅色配色方案适配为舒适、可访问且精致的深色模式界面,而非简单颜色反转。
主要能力:降低整体亮度以减少眼睛疲劳;用更浅的色阶(而非阴影)表现表面层级;对深色背景上的亮色做去饱和处理;保持足够对比度。表面层级建议:背景最深(如 #121212),Surface 1 稍亮(抬升卡片),Surface 2 更亮(模态、下拉),Surface 3 最亮(提示、菜单)。颜色适配:主色降低饱和度 10-20%;错误/警告色针对深色背景调整对比;文字用偏白 #E0E0E0 而非纯白 #FFFFFF;边框用低透明度白色。图像与媒体:可略微调暗图片,提供深色变体插画,Logo 可能需要浅色版本,避免大面积亮区。可访问性:正文对比度至少 4.5:1,用屏幕阅读器测试模式播报,遵循 prefers-color-scheme 媒体查询,并在自动检测之外提供手动切换。
使用方式:在已有浅色调色板基础上,按上述规则重新设计表面与颜色,逐组件检查深色模式,在真实深色环境中测试,并让模式切换过渡平滑,使用语义化 token 以便切换。
适用场景:已有浅色配色、需要新增或改造深色主题的设计工作。
限制:资料未提供具体安装命令、平台支持、收费或价格信息。