提供颜色语义别名的指南。
通过实际色阶名称引用色阶可以很好地工作,例如 blue
和 red
。但通常,创建语义别名(如 accent
、primary
、neutral
或 brand
)可能会有所帮助,尤其是在主题化方面。
使用这种方法,您可能会遇到需要为多个语义使用相同色阶的问题。常见示例包括
yellow
映射到 “warning”,您可能还需要 yellow
来传达 “pending”。red
映射到 “danger”,您可能还需要 red
来传达 “error” 或 “rejected”。green
映射到 “success”,您可能还需要 green
来传达 “valid”。blue
映射到 “accent”,您可能还需要 blue
来传达 “info”。在这种情况下,您可以选择定义多个映射到同一色阶的语义别名。
或者,您可以简单地建议您的队友在没有合适的语义别名的情况下,参考原始色阶名称。
Radix Colors 色阶中的每个步长都为特定用例而设计。为了帮助您的团队了解使用哪个步长,您可以根据设计的用例提供别名。
同样,使用这种方法,您可能会遇到需要为多个用例使用相同步长的问题。常见示例包括
在这些情况下,您可以选择定义多个映射到同一步长的别名。
或者,您可以简单地建议您的队友在用例没有别名的情况下,参考原始步长编号。
在为浅色和深色模式设计时,您有时需要将一个变量映射到浅色模式下的一种颜色,以及深色模式下的另一种颜色。常见示例包括
避免使用特定的变量名称,如 “CardBg” 或 “Tooltip”,因为您可能需要将每个变量用于多个用例。
如果您愿意,可以重命名色阶。原因可能包括
gray
以保持简洁。sky
或 grass
重命名为 blue
或 green
以保持命名的直观性。blurple
。