---
name: 定制主题
route: /guide/customize
menu: customize
---

# 定制主题
Shine Design 默认提供一套主题，CSS 命名采用 BEM 的风格，方便使用者覆盖样式。我们提供了三种方法，可以进行不同程度的样式自定义。

#### 仅替换主题色

```js
 // TODO: 待补充
```

#### 变更 SCSS 变量

Shine Design 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变 Shine Design 的样式变量。新建一个样式文件，例如 shine-variables.scss，写入以下内容：

```js
 // TODO: 待补充
```

#### 构建工具

```js
 // TODO: 待补充
```
