记录一次 vue3 + ele pls 改写 饿了么主题色实践

一、改写 element 主题色

在 main.ts 中引入需要改写的 scss 文件

main.ts:

import 'element-plus/dist/index.css'
import './styles/element-plus.scss'

在自定义的 element-plus.scss 文件中改写 ele pls 的变量
element-plus.scss:

/**
* 更改主题色
*/
:root {
   
    --el-color-primary: #285fbb;   // 主题色
    --el-link-disabled-text-color: #c0c4cc; // 禁用链接颜色
}

你可能感兴趣的:(前端笔记,前端,vue.js)