# 更换主题
使用CSS 自定义属性 (opens new window)实现换肤效果 您可以通过修改这些变量,达到变换样式的需求。
# 更改
你可以通过api或者直接通过css覆盖的形式对root上的css变量的进行替换
document.documentElement.style.setProperty('--color-primary', '#3267ea');
# 变量
:root {
--color-primary: #1A9Dff;
--color-primary-end: #3267EA;
--color-warning: #ed6a0c;
--color-danger: #D40000;
--color-disabled: #dadada;
--color-text: #cccccc;
--theme-transition: 1s
}
← 快速开始 Container 布局容器 →