Color 颜色

Aurora Plus 使用全局语义颜色变量统一组件、业务内容与明暗主题的视觉表达。变量名称描述用途，而不是绑定某个组件，因此同一种状态可以在不同界面中保持一致。

品牌与状态

表达主要操作以及成功、警告、危险和信息状态。

• Primary 主色--au-color-primary主要操作、选中状态与焦点反馈
• Success 成功--au-color-success成功、完成与正常状态
• Warning 警告--au-color-warning需要注意或等待处理的状态
• Danger 危险--au-color-danger错误、删除与高风险操作
• Info 信息--au-color-info中性信息与辅助状态

文字层级

用稳定的语义层级组织标题、正文、说明和不可用信息。

• Primary 主要文字--au-color-text-primary标题与需要强调的正文
• Regular 常规文字--au-color-text-regular默认正文与控件文字
• Secondary 次要文字--au-color-text-secondary说明、辅助状态与次级信息
• Placeholder 占位文字--au-color-text-placeholder输入提示和弱提示信息
• Disabled 禁用文字--au-color-text-disabled不可操作或不可用状态

背景与遮罩

用于页面自有内容的弱背景、浮层底色、悬停反馈和模态遮罩。

• Soft 柔和背景--au-color-bg-soft弱分区与低对比内容背景
• Overlay 浮层背景--au-color-bg-overlay不透明浮层和高对比表面
• Hover 悬停背景--au-color-bg-hover轻量悬停与选择反馈
• Mask 遮罩--au-color-mask需要遮罩语义时的透明颜色

边框层级

按信息层级选择常规、轻量和更轻量的分隔颜色。

• Border 常规边框--au-color-border需要明确轮廓的边界
• Border Light 轻边框--au-color-border-light控件与内容区域的柔和边界
• Border Lighter 更轻边框--au-color-border-lighter列表分隔与低对比轮廓