组件库默认提供了一套蓝色主题，用户可以根据自己的需求定制新主题，以满足业务和品牌上的多样化需求。
Scss 变量替换
iui Design 使用了 Scss 作为预编译语言，通过 Scss 的 @forward 功能，可以很方便的对样式主题变量进行定制。
修改变量后，需要重新编译，才能生效。
如果你想更改主题色，你只需要更改 $primary-color、$success-color、$warning-color、$error-color 这几个变量的值即可，算法会自动帮你生成 1 号到 9 号的颜色。并且会自动生成暗色下反转后的 1 号到 9 号颜色。
scss
// uni.scss
// 使用 @forward 替换 iui Design 默认样式
// npm 模式安装
@forward "iui-design/style/color/global.scss" with (
// 设计变量
$primary-color: green
);
// HBuilderX 插件市场安装
@forward "@/components/iui-design/style/color/global.scss" with (
// 设计变量
$primary-color: green
);// uni.scss
// 使用 @forward 替换 iui Design 默认样式
// npm 模式安装
@forward "iui-design/style/color/global.scss" with (
// 设计变量
$primary-color: green
);
// HBuilderX 插件市场安装
@forward "@/components/iui-design/style/color/global.scss" with (
// 设计变量
$primary-color: green
);如果你想更改其他变量，直接在 uni.scss 中修改即可。
变量名称请参考 设计变量。
scss
// 覆盖默认变量
$border-radius-small: 8px;
$font-size-title: 30px;// 覆盖默认变量
$border-radius-small: 8px;
$font-size-title: 30px;本质上我们采用了 CSS Custom properties，所以不兼容 IE 浏览器。