整体样式修改

gaoluyang

3 天以前 a88eab39f6b2f5c33913d51fac4e885c052ed4a1

 src/assets/styles/variables.module.scss

@@ -9,16 +9,16 @@
$panGreen: #30B08F;

// 默认主题变量
$menuText: #ffffff;
$menuActiveText: #165DFF;
$menuBg: #165DFF;
$menuHover: #ffffff;
$menuText: #bfcbd9;
$menuActiveText: #409eff;
$menuBg: #304156;
$menuHover: #263445;

// 浅色主题theme-light
$menuLightBg: #165DFF;
$menuLightHover: #ffffff;
$menuLightText: #ffffff;
$menuLightActiveText: #165DFF;
$menuLightBg: #ffffff;
$menuLightHover: #f0f1f5;
$menuLightText: #303133;
$menuLightActiveText: #409EFF;

// 基础变量
$base-sidebar-width: 200px;
@@ -27,12 +27,12 @@
// 菜单暗色变量
$base-menu-color: #bfcbd9;
$base-menu-color-active: #f4f4f5;
$base-menu-background: #165DFF;
$base-menu-background: #304156;
$base-sub-menu-background: #1f2d3d;
$base-sub-menu-hover: #001528;

// 组件变量
$--color-primary: #165DFF;
$--color-primary: #409EFF;
$--color-success: #67C23A;
$--color-warning: #E6A23C;
$--color-danger: #F56C6C;
@@ -71,10 +71,10 @@
  --sidebar-bg: #{$menuBg};
  --sidebar-text: #{$menuText};
  --menu-hover: #{$menuHover};
  

  --navbar-bg: #ffffff;
  --navbar-text: #303133;
  

  /* splitpanes default-theme 变量 */
  --splitpanes-default-bg: #ffffff;

@@ -119,7 +119,7 @@
  --blockquote-bg: #1d1e1f;
  --blockquote-border: #303030;
  --blockquote-text: #d0d0d0;
  

  /* Cron 时间表达式 模式变量 */
  --cron-border: #303030;

@@ -127,7 +127,7 @@
  --splitpanes-default-bg: #141414;

  /* 侧边栏菜单覆盖 */
   .sidebar-container {
  .sidebar-container {
    .el-menu-item, .menu-title {
      color: var(--el-text-color-regular);
    }
@@ -199,7 +199,7 @@
      background-color: var(--el-bg-color-overlay);
    }
  }
  

  /* 下拉菜单样式覆盖 */
  .el-dropdown-menu__item:not(.is-disabled):focus, .el-dropdown-menu__item:not(.is-disabled):hover{
    background-color: var(--navbar-hover) !important;
@@ -211,7 +211,7 @@
    border-left-color: var(--blockquote-border) !important;
    color: var(--blockquote-text) !important;
  }
  

  /* 时间表达式标题样式覆盖 */
  .popup-result .title {
    background: var(--cron-border);