vue-element-admin 主体颜色更换

1. src / App.vue
   头部颜色更换

<style lang="scss" >
// 颜色更换
.navbar,.sidebar-logo-container {
  background-color: #9c1720!important;
}
.app-breadcrumb.el-breadcrumb .no-redirect{
  color: #fff!important;
}
.hamburger{
  fill: #f0f8ff!important;
}
.navbar .right-menu .right-menu-item{
  color: #fff!important;
}
.el-breadcrumb__inner a{
  color: #fff!important;
}
// 颜色更换
</style>

2. src / assets / styles / variables.scss

// $menuBg:#304156;
// $menuHover:#263445;
// $subMenuBg:#1f2d3d;
// $subMenuHover:#001528;
// 列表一级颜色
$menuBg:#9c1720;
$menuHover:#aa1622;
// 列表二级颜色
$subMenuBg:#94161e;
$subMenuHover:#aa1622;

3. src / main.js
   主体色

store.dispatch('settings/changeSetting', {
  key: 'theme',
  value: '#c00000'
  // #c00000
})

4. src / assets / styles / sidebar.scss
   is-active顶部面包屑颜色

.is-active{
      color: #fff!important;
}