| | |
|---|
| | | --content-radius: 16px; |
|---|
| | | --layout-header-z: 20; |
|---|
| | | |
|---|
| | | --el-color-primary: #2563eb; |
|---|
| | | --el-color-primary-rgb: 37, 99, 235; |
|---|
| | | --el-color-primary: #374d77; |
|---|
| | | --el-color-primary-rgb: 37, 89, 163; |
|---|
| | | --el-color-success: #14b8a6; |
|---|
| | | --el-color-warning: #f59e0b; |
|---|
| | | --el-color-danger: #ef4444; |
|---|
| | | |
|---|
| | | --sidebar-bg: linear-gradient(180deg, #0e2a4f 0%, #123e69 55%, #0e2a4f 100%); |
|---|
| | | --sidebar-text: rgba(234, 242, 255, 0.82); |
|---|
| | | --sidebar-muted: rgba(234, 242, 255, 0.82); |
|---|
| | | --menu-hover: rgba(147, 197, 253, 0.2); |
|---|
| | | --menu-active-bg: linear-gradient(135deg, #2f80ff 0%, #38bdf8 100%); |
|---|
| | | --menu-active-text: #f8fbff; |
|---|
| | | --menu-surface: linear-gradient(180deg, rgba(13, 43, 79, 0.97) 0%, rgba(8, 28, 52, 0.94) 100%); |
|---|
| | | --menu-active-glow: 0 8px 18px rgba(56, 139, 255, 0.28); |
|---|
| | | --sidebar-bg: #1e293b; |
|---|
| | | --sidebar-text: #94a3b8; |
|---|
| | | --sidebar-muted: #64748b; |
|---|
| | | --menu-hover: rgba(255, 255, 255, 0.05); |
|---|
| | | --menu-active-bg: #3b82f6; |
|---|
| | | --menu-active-text: #ffffff; |
|---|
| | | --menu-surface: #1e293b; |
|---|
| | | --menu-active-glow: 0 4px 12px rgba(59, 130, 246, 0.3); |
|---|
| | | |
|---|
| | | --app-bg: #f3f7fc; |
|---|
| | | --app-bg-accent: #eef5ff; |
|---|
| | | --surface-base: rgba(255, 255, 255, 0.92); |
|---|
| | | --surface-soft: rgba(255, 255, 255, 0.88); |
|---|
| | | --surface-muted: #f5f9ff; |
|---|
| | | --surface-border: rgba(148, 163, 184, 0.18); |
|---|
| | | --surface-border-strong: rgba(96, 165, 250, 0.34); |
|---|
| | | --text-primary: #1e293b; |
|---|
| | | --app-bg: #f8fafc; |
|---|
| | | --app-bg-accent: #f1f5f9; |
|---|
| | | --surface-base: #ffffff; |
|---|
| | | --surface-soft: rgba(255, 255, 255, 0.9); |
|---|
| | | --surface-muted: #f1f5f9; |
|---|
| | | --surface-border: #e2e8f0; |
|---|
| | | --surface-border-strong: #cbd5e1; |
|---|
| | | --text-primary: #0f172a; |
|---|
| | | --text-secondary: #334155; |
|---|
| | | --text-tertiary: #64748b; |
|---|
| | | --shadow-sm: 0 12px 32px rgba(15, 23, 42, 0.06); |
|---|
| | | --shadow-md: 0 20px 42px rgba(15, 23, 42, 0.1); |
|---|
| | | --shadow-menu: 0 16px 36px rgba(8, 27, 58, 0.26); |
|---|
| | | --radius-lg: 20px; |
|---|
| | | --radius-md: 16px; |
|---|
| | | --radius-sm: 12px; |
|---|
| | | --radius-xs: 10px; |
|---|
| | | --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); |
|---|
| | | --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); |
|---|
| | | --shadow-menu: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); |
|---|
| | | --radius-lg: 12px; |
|---|
| | | --radius-md: 8px; |
|---|
| | | --radius-sm: 6px; |
|---|
| | | --radius-xs: 4px; |
|---|
| | | |
|---|
| | | --navbar-bg: rgba(255, 255, 255, 0.86); |
|---|
| | | --navbar-text: #1f3658; |
|---|
| | | --navbar-hover: rgba(37, 99, 235, 0.08); |
|---|
| | | --navbar-bg: rgba(30, 41, 59, 0.85); |
|---|
| | | --navbar-text: #f8fafc; |
|---|
| | | --navbar-hover: rgba(255, 255, 255, 0.08); |
|---|
| | | |
|---|
| | | --tags-bg: transparent; |
|---|
| | | --tags-item-bg: rgba(255, 255, 255, 0.9); |
|---|
| | | --tags-item-border: rgba(148, 163, 184, 0.22); |
|---|
| | | --tags-item-text: #334155; |
|---|
| | | --tags-item-hover: #f4f8ff; |
|---|
| | | --tags-close-hover: rgba(37, 99, 235, 0.16); |
|---|
| | | --tags-bg: #f8fafc; |
|---|
| | | --tags-item-bg: #ffffff; |
|---|
| | | --tags-item-border: #e2e8f0; |
|---|
| | | --tags-item-text: #475569; |
|---|
| | | --tags-item-hover: #f1f5f9; |
|---|
| | | --tags-close-hover: rgba(239, 68, 68, 0.1); |
|---|
| | | |
|---|
| | | --accent-primary: #2563eb; |
|---|
| | | --accent-primary: #374d77; |
|---|
| | | --accent-light: #3b82f6; |
|---|
| | | --accent-lighter: #60a5fa; |
|---|
| | | |
|---|
| | |
|---|
| | | .menu-title { |
|---|
| | | color: var(--sidebar-text); |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | .el-menu-item.is-active, |
|---|
| | | .el-menu-item.is-active .menu-title { |
|---|
| | | color: var(--menu-active-text) !important; |
|---|
| | |
|---|
| | | & .theme-dark .el-sub-menu .el-menu-item { |
|---|
| | | background-color: var(--el-bg-color) !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | | & .theme-dark .el-sub-menu .el-menu-item.is-active { |
|---|
| | | background-color: var(--menu-active-bg) !important; |
|---|
| | | } |
|---|
