| | |
|---|
| | | --topbar-height: 64px; |
|---|
| | | --tagsbar-height: 40px; |
|---|
| | | --content-gap: 16px; |
|---|
| | | --content-radius: 16px; |
|---|
| | | --content-radius: 10px; |
|---|
| | | --layout-header-z: 20; |
|---|
| | | |
|---|
| | | --el-color-primary: #374d77; |
|---|
| | | --el-color-primary-rgb: 37, 89, 163; |
|---|
| | | --el-color-primary: #008c8c; |
|---|
| | | --el-color-primary-rgb: 0, 140, 140; |
|---|
| | | --el-color-success: #14b8a6; |
|---|
| | | --el-color-warning: #f59e0b; |
|---|
| | | --el-color-danger: #ef4444; |
|---|
| | | |
|---|
| | | --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); |
|---|
| | | --sidebar-bg: #304156; |
|---|
| | | --sidebar-text: #bfcbd9; |
|---|
| | | --sidebar-muted: #8b9bb4; |
|---|
| | | --menu-hover: #263445; |
|---|
| | | --menu-active-bg: transparent; |
|---|
| | | --menu-active-text: #409eff; |
|---|
| | | --menu-surface: #304156; |
|---|
| | | --menu-active-glow: none; |
|---|
| | | |
|---|
| | | --app-bg: #f8fafc; |
|---|
| | | --app-bg-accent: #f1f5f9; |
|---|
| | |
|---|
| | | --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; |
|---|
| | | --radius-lg: 8px; |
|---|
| | | --radius-md: 6px; |
|---|
| | | --radius-sm: 4px; |
|---|
| | | --radius-xs: 2px; |
|---|
| | | |
|---|
| | | --el-border-radius-base: var(--radius-sm); |
|---|
| | | --el-border-radius-small: var(--radius-xs); |
|---|
| | | --el-border-radius-round: 999px; |
|---|
| | | --el-border-radius-circle: 50%; |
|---|
| | | |
|---|
| | | --navbar-bg: rgba(30, 41, 59, 0.85); |
|---|
| | | --navbar-text: #f8fafc; |
|---|
| | |
|---|
| | | --tags-item-hover: #f1f5f9; |
|---|
| | | --tags-close-hover: rgba(239, 68, 68, 0.1); |
|---|
| | | |
|---|
| | | --accent-primary: #374d77; |
|---|
| | | --accent-primary: #008c8c; |
|---|
| | | --accent-light: #3b82f6; |
|---|
| | | --accent-lighter: #60a5fa; |
|---|
| | | |
|---|
