# theme
Use/CSS custom attributes (https://developer.mozilla.org/zh-CN/docs/Web/CSS/Using_CSS_custom_properties) realize the skin effect You can modify these variables to change styles.
# change
You can replace CSS variables on root via the API or directly via CSS overrides
document.documentElement.style.setProperty('--color-primary', '#3267ea');
# variables
:root {
--color-primary: #1A9Dff;
--color-primary-end: #3267EA;
--color-warning: #ed6a0c;
--color-danger: #D40000;
--color-disabled: #dadada;
--color-text: #cccccc;
--theme-transition: 1s
}
` ` `