请问Element ui如何修改组件库的主色调。

Question

element ui组件库的主色调是蓝色的，而我要接手开发的项目是以红色为主色调的，如果逐个去改会花费大量时间，请问大神有无比较简便的方法呢？

Answer 1

elementUI提供了两种方式去修改主题颜色，一种是在线工具。这个是最方便的方式，在线工具

---

方式二：
修改变量

直接编辑 element-variables.css 文件，例如修改主题色为红色。

--color-primary: red;
你也可以直接去官网上看得，很方便的。附上官网地址：elementUI更改主题

Answer 2

文档里的这个可以满足你的需求吗？ http://element.eleme.io/#/zh-...

Answer 3

修改源码可以去package中修改然后打包:
package.json中添加

"star": "cooking watch -c build/cooking.demo.js -p & node build/bin/template.js && npm run build:theme "

再在package/theme-chalk/gulpfile.js中 末尾添加

gulp.watch('./src/*', function() {
  gulp.task('build', ['compile', 'copyfont']);
});

然后

通过npm run star启动项目, 修改scss也可以实时预览了

Answer 4

参考这个例子，有源码：http://test.hz300.com/webpack...

Answer 5

大神有这个网站的源码吗?