vue3+elementUiplus开发的项目如何修改公共标签的默认颜色_element-plus 中的:root 的 --el-color-primary

背景:使用elementUiplus开发路由菜单栏需要更改默认颜色

步骤:
查看用到的变量 如:var(–el-menu-bg-color);
修改:

index.scss文件下进行style的修改

:root {
  --el-color-primary: #0cba80 !important; // 主题色
  --el-color-primary-dark-2: #0cba80 !important;
  --el-color-primary-light-3: #0cba80 !important;
  --el-color-primary-light-5: #b3e19d !important;
  --el-color-primary-light-7: #d1edc4 !important;
  --el-color-primary-light-8: #e1f3d8 !important;
  --el-color-primary-light-9: #f0f9eb !important;
  --el-font-weight-primary: 400 !important;
}

1
2
3
4
5
6
7
8
9
10
11