颜色

A3S 调色板把语义角色与产品强调色分开。基础组件只使用语义令牌；Office 类资源再使用蓝、绿、橙、紫来表达文档或智能体类型。

背景--background

表面--card

主要操作--primary

A3S 蓝--a3s-blue

语义令牌

文档 / 主要操作表格 / 成功演示文稿智能体 / 智能能力危险

产品强调色应通过组件局部变量传入，不要直接作为正文前景色。浅色与深色主题都必须保持足够对比度。

.my-resource {
  --resource-accent: var(--a3s-green);
}

主题切换通过 <html> 上的 dark 类完成。应用可以在 :root、.dark 或局部产品容器中覆盖语义令牌，但应保持令牌名称稳定，让组件与文档预览始终同步。