样式变量

为支持系统主题切换及样式自定义调整，开发中所有色值的样式建议使用css变量。

盘古内置自定义变量

{
  --body-bg-color: rgb(var(--gray-2)); // body背景色
  --header-bg-color: transparent; // 顶部导航背景色
  --tabbar-bg-color: transparent; // 导航条背景色
  --menu-pg-bg-color: rgb(var(--gray-2)); // 菜单栏背景色 
  --page-bg: var(--color-bg-1); // 页面内容区域背景色
  --dashboard-content-bg: rgb(var(--gray-2)); // 门户页面背景色
}

引用示例

{
  color: rgb(var(--primary-6));
  background-color: var(--color-bg-2);
}