vite+vue+ts+element-plus从零开发管理后台框架(16)-主颜色设置

编辑src/style.css，添加如下样式，自定义一个主颜色，在亮色和暗黑模式下都使用这个主颜色。

:root {
  --el-color-primary: green;
}

:root.dark {
  --el-color-primary: green;
}

亮色模式

暗黑模式

我们再换个主颜色比如红色看下。

:root {
  --el-color-primary: red;
}

:root.dark {
  --el-color-primary: red;
}

亮色模式

暗黑模式