自定义主题

组件库支持自定义主题功能,有如下两种方式:

采用css变量的方式

如下图所示,在线调整好合适的颜色后,点击复制css变量按钮即可获得css主题变量组,之后将复制内容放在标签中并插入入中即可。

此方式适用于采用组件库提供的CDN样式资源。另外,为保证css变量的浏览器兼容性,推荐采用css-vars-ponyfill

采用scss变量的方式

如下图所示,在线调整好合适的颜色后,点击复制scss变量按钮即可获得scss主题变量组,之后将复制的scss变量放在引入主题包@txdfe/at-theme/teambition/scss/index.scss变量之前。

此方式适用于采用组件按需加载,将组件加入到项目构建场景。