主题颜色更改

shuishen

2021-07-14 1a0b184534bb92ca61659a1659d0eb5c359e7851

主题颜色更改

 src/store/modules/common.js

@@ -25,7 +25,7 @@
    showMenu: true,
    showColor: true,
    colorName: getStore({name: 'colorName'}) || '#409EFF',
    themeName: getStore({name: 'themeName'}) || 'theme-bule',
    themeName: getStore({name: 'themeName'}) || 'theme-deep-bule',
    lockPasswd: getStore({name: 'lockPasswd'}) || '',
    website: website,
  },

 src/styles/theme/bule.scss

@@ -1,5 +1,5 @@
.theme-bule{
  

  .avue-header,.avue-logo{
    background: #004ca7;
  }
@@ -29,7 +29,7 @@
    }
  }
  .avue-top{
   

    .el-menu-item {
        i,
        span {
@@ -43,4 +43,52 @@
      }
    }
  }
}
}


.theme-deep-bule{

  .avue-header,.avue-logo{
    background: #19305C;
  }
  .avue-sidebar{
    background: #19305C;
    .el-menu-item.is-active, .el-submenu__title.is-active {
        background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .el-dropdown{
    color: #fff;
  }
  .avue-logo{
    .avue-logo_title{
      color:#fff;
    }
  }
  .avue-breadcrumb{
    i{
      color:#fff;
    }
  }

  .top-bar__item {
    i {
      color: #fff;
    }
  }
  .avue-top{

    .el-menu-item {
        i,
        span {
          color: #fff;
        }
      &:hover {
          i,
          span {
            color: #fff;
          }
      }
    }
  }
}