样式修改

zhangwencui

9 小时以前 9f5e18cc415cd3fef13f105ffeabae3c01ba9665

 src/assets/styles/variables.module.scss

@@ -12,11 +12,11 @@
$menuText: #5a6478;
$menuActiveText: #ffffff;
$menuBg: #f8fafb;
$menuHover: rgba(var(--el-color-primary-rgb, 13, 148, 136), 0.08);
$menuHover: rgba(var(--el-color-primary-rgb, 139, 92, 246), 0.08);

// light theme - 使用主题色
$menuLightBg: #f8fafb;
$menuLightHover: rgba(var(--el-color-primary-rgb, 13, 148, 136), 0.08);
$menuLightHover: rgba(var(--el-color-primary-rgb, 139, 92, 246), 0.08);
$menuLightText: #3d4858;
$menuLightActiveText: #ffffff;

@@ -27,13 +27,13 @@

// sidebar - 优化后的侧边栏配色
$base-menu-color: #5a6478;
$base-menu-color-active: #0d9488;
$base-menu-color-active: #8b5cf6;
$base-menu-background: #f8fafb;
$base-sub-menu-background: #f0f5f4;
$base-sub-menu-hover: #ffffff;

// component - 优化后的主题色
$--color-primary: #0d9488;
$--color-primary: #8b5cf6;
$--color-success: #67c23a;
$--color-warning: #d89b41;
$--color-danger: #d25b52;
@@ -73,19 +73,19 @@
  --content-radius: 10px;
  --layout-header-z: 20;

  --el-color-primary: #008c8c;
  --el-color-primary-rgb: 0, 140, 140;
  --el-color-primary: #8b5cf6;
  --el-color-primary-rgb: 139, 92, 246;
  --el-color-success: #14b8a6;
  --el-color-warning: #f59e0b;
  --el-color-danger: #ef4444;

  --sidebar-bg: #304156;
  --sidebar-text: #bfcbd9;
  --sidebar-bg: #f8fafb;
  --sidebar-text: #5a6478;
  --sidebar-muted: #8b9bb4;
  --menu-hover: #263445;
  --menu-active-bg: transparent;
  --menu-active-text: #409eff;
  --menu-surface: #304156;
  --menu-hover: rgba(139, 92, 246, 0.08);
  --menu-active-bg: rgba(139, 92, 246, 0.1);
  --menu-active-text: #8b5cf6;
  --menu-surface: #ffffff;
  --menu-active-glow: none;

  --app-bg: #f8fafc;
@@ -94,7 +94,7 @@
  --surface-soft: rgba(255, 255, 255, 0.9);
  --surface-muted: #f1f5f9;
  --surface-border: #e2e8f0;
  --surface-border-strong: #cbd5e1;
  --surface-border-strong: #94a3b8;
  --text-primary: #0f172a;
  --text-secondary: #334155;
  --text-tertiary: #64748b;
@@ -111,7 +111,7 @@
  --el-border-radius-round: 999px;
  --el-border-radius-circle: 50%;

  --navbar-bg: rgba(30, 41, 59, 0.85);
  --navbar-bg: #4b23a0;
  --navbar-text: #f8fafc;
  --navbar-hover: rgba(255, 255, 255, 0.08);

@@ -122,7 +122,7 @@
  --tags-item-hover: #f1f5f9;
  --tags-close-hover: rgba(239, 68, 68, 0.1);

  --accent-primary: #008c8c;
  --accent-primary: #8b5cf6;
  --accent-light: #3b82f6;
  --accent-lighter: #60a5fa;

@@ -231,16 +231,17 @@
  }

  .el-table {
    --el-table-header-bg-color: var(--el-bg-color-overlay) !important;
    --el-table-header-text-color: var(--el-text-color-regular) !important;
    --el-table-border-color: var(--el-border-color-light) !important;
    --el-table-header-bg-color: var(--table-header-bg-custom, #e9d5ff) !important;
    --el-table-header-text-color: var(--table-header-text-custom, #1e293b) !important;
    --el-table-border-color: rgba(148, 163, 184, 0.4) !important;
    --el-table-row-hover-bg-color: var(--el-bg-color-overlay) !important;
    border-radius: 0;

    .el-table__header-wrapper,
    .el-table__fixed-header-wrapper {
      th {
        background-color: var(--el-bg-color-overlay, #f0f1f5) !important;
        color: var(--el-text-color-regular, #515a6e);
        background-color: var(--el-table-header-bg-color) !important;
        color: var(--el-table-header-text-color) !important;
      }
    }
  }