色彩 ​

品牌颜色是界面的主要颜色，是品牌的反映，尽管有辅助颜色是可选的。按主色和副色划分，它们主要用于UI操作(按钮、链接)或突出显示活动状态。

主色 ​

使用规则

等级默认分为7个等级 lightest, lighter, light, base, dark, darker, darkest，base类名与参数不需要添加名称直接使用，如：.os-text-primary

样式类名使用方法“前缀（背景/文字）+类型+级别”，样式参数val(“前缀+类型+级别”)

<span 
  class="preview-span
  os-background-primary
  "></span>

<style>
  .preview-span {
    background-color: var(--os-background-primary);
  }
</style>

Primary ​

辅助色 ​

除了主颜色外，您需要在不同的场景中使用不同的场景颜色 (例如，危险的颜色表示危险的操作)

Success ​

Warning ​

Danger ​

中性色 ​

用于文本、边框、背景和阴影。