Change Element-ui theme color

The essence of changing the theme color is to change the color of the style (text background stroke)

Local changes can be passed through using styles 

plain css  

.root >>> .el-upload-list__item{
  transition:none !important;
  -webkit-transition:nonne !important;
}

sass  less

::v-deep .table .el-input__inner {
  border: 0;
  padding: 0 !important;
}

 

If you want to change globally, the method I use here is to directly download the official style and replace the color gradually during the development process.

https://unpkg.com/[email protected]/lib/theme-chalk/index.css 

Introduce in main.js

import ElementUI from "element-ui";
 // import "element-ui/lib/theme-chalk/index.css" here is the normal official introduction and the following is the custom change 
import "./assets/element/index.css";

Here is changing the main color to yellow and red