公司logo动态切换，整体样式修改

spring

昨天 c466b7f253a93d3a9b58c658adf6ec75574f5bd8

 src/assets/styles/variables.module.scss

@@ -1,12 +1,12 @@
// base color

$blue: #324157;

$light-blue: #3A71A8;

$red: #C03639;

$pink: #E65D6E;

$green: #30B08F;

$tiffany: #4AB7BD;

$yellow: #FEC171;

$panGreen: #30B08F;

$light-blue: #333c46;

$red: #c03639;

$pink: #e65d6e;

$green: #30b08f;

$tiffany: #4ab7bd;

$yellow: #fec171;

$panGreen: #30b08f;



// 默认主题变量

$menuText: #bfcbd9;

@@ -15,10 +15,10 @@
$menuHover: #263445;



// 浅色主题theme-light

$menuLightBg: #ffffff;

$menuLightBg: #002fa7;

$menuLightHover: #f0f1f5;

$menuLightText: #303133;

$menuLightActiveText: #409EFF;

$menuLightText: #fff;

$menuLightActiveText: #002fa7;



// 基础变量

$base-sidebar-width: 200px;

@@ -29,13 +29,13 @@
$base-menu-color-active: #f4f4f5;

$base-menu-background: #304156;

$base-sub-menu-background: #1f2d3d;

$base-sub-menu-hover: #001528;

$base-sub-menu-hover: #fff;



// 组件变量

$--color-primary: #409EFF;

$--color-success: #67C23A;

$--color-warning: #E6A23C;

$--color-danger: #F56C6C;

$--color-primary: #409eff;

$--color-success: #67c23a;

$--color-warning: #e6a23c;

$--color-danger: #f56c6c;

$--color-info: #909399;



:export {

@@ -71,13 +71,12 @@
  --sidebar-bg: #{$menuBg};

  --sidebar-text: #{$menuText};

  --menu-hover: #{$menuHover};

  


  --navbar-bg: #ffffff;

  --navbar-text: #303133;

  


  /* splitpanes default-theme 变量 */

  --splitpanes-default-bg: #ffffff;



}



// 暗黑模式变量

@@ -119,7 +118,7 @@
  --blockquote-bg: #1d1e1f;

  --blockquote-border: #303030;

  --blockquote-text: #d0d0d0;

  


  /* Cron 时间表达式 模式变量 */

  --cron-border: #303030;



@@ -127,8 +126,12 @@
  --splitpanes-default-bg: #141414;



  /* 侧边栏菜单覆盖 */

   .sidebar-container {

    & .theme-dark .nest-menu .el-sub-menu>.el-sub-menu__title,

  .sidebar-container {

    .el-menu-item,

    .menu-title {

      color: var(--el-text-color-regular);

    }

    & .theme-dark .nest-menu .el-sub-menu > .el-sub-menu__title,

    & .theme-dark .el-sub-menu .el-menu-item {

      background-color: var(--el-bg-color) !important;

    }

@@ -177,9 +180,10 @@
    --el-table-border-color: var(--el-border-color-light) !important;

    --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;



    .el-table__header-wrapper, .el-table__fixed-header-wrapper {

    .el-table__header-wrapper,

    .el-table__fixed-header-wrapper {

      th {

        background-color: var(--el-bg-color-overlay, #f8f8f9) !important;

        background-color: var(--el-bg-color-overlay, #f0f1f5) !important;

        color: var(--el-text-color-regular, #515a6e);

      }

    }

@@ -196,9 +200,10 @@
      background-color: var(--el-bg-color-overlay);

    }

  }

  


  /* 下拉菜单样式覆盖 */

  .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover{

  .el-dropdown-menu__item:not(.is-disabled):focus,

  .el-dropdown-menu__item:not(.is-disabled):hover {

    background-color: var(--navbar-hover) !important;

  }



@@ -208,11 +213,9 @@
    border-left-color: var(--blockquote-border) !important;

    color: var(--blockquote-text) !important;

  }

  


  /* 时间表达式标题样式覆盖 */

  .popup-result .title {

    background: var(--cron-border);

  }



}