在鸿蒙(HarmonyOS)中,颜色token是用于定义界面中各种颜色元素的核心工具。这些token允许开发者和设计师通过引用特定的颜色值来统一和控制应用的视觉表现。以下是鸿蒙系统中一些关键的颜色token及其用途:
- 文本与图标颜色 :
·font_primary, font_secondary, font_tertiary, font_fourth:这些token分别用于定义不同重要级别的文本颜色,从主要文本到次要文本。
·icon_primary, icon_secondary, icon_tertiary, icon_fourth:类似于文本,这些token用于定义图标的颜色等级。
·font_emphasize, icon_emphasize:用于定义高亮的文本和图标颜色,通常用于吸引注意力的元素。
- 控件容器颜色 :
·comp_*:这类token专门用于定义各种控件的背景颜色,如按钮、搜索框等。
·onPrimary, onSecondary:这些token用于定义在主要和次要背景色上的文本和图标颜色,适用于需要高对比度的场景。
- 界面背景颜色 :
·background_primary, background_secondary:这些token用于定义界面的基本背景颜色,可以根据系统的深色或浅色模式自动调整。
- 品牌颜色 :
·brand:这是系统的默认主题色,用于突出显示核心组件信息。应用可以自定义这个颜色来匹配自己的品牌。
通过正确使用这些颜色token,你可以确保你的应用具有高度一致性和可用性,同时也能反映出你品牌的独特视觉风格。在设计过程中,重要的是要保持色彩的一致性并确保足够的对比度,以提高可读性和可访问性。
为了保障在应用中所有的图层色彩信息保持一定对比度和色彩关系,请参考下面合理的搭配关系。