jianghaifeng/ReelShortWeb
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(web): 统一辣椒红主色与菜单层级

Browse Source
This commit is contained in:
Zhou Weidong committed 2026-10-19 12:00:21 +08:00
1 parent 3e8312ea58
commit ba90bf9bfb
11 files changed
+185 -40
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/styles/business/theme.css
+28 -20
View File
@@ -15,13 +15,13 @@
font-family: var(--font-body);
color: var(--el-text-color-primary);
background: var(--el-bg-color-page);
--el-color-primary: #409eff;
--el-color-primary-light-3: #79bbff;
--el-color-primary-light-5: #a0cfff;
--el-color-primary-light-7: #c6e2ff;
--el-color-primary-light-8: #d9ecff;
--el-color-primary-light-9: #ecf5ff;
--el-color-primary-dark-2: #337ecc;
--el-color-primary: #c4322a;
--el-color-primary-light-3: #d3615b;
--el-color-primary-light-5: #e19995;
--el-color-primary-light-7: #f0c2c0;
--el-color-primary-light-8: #f5d9d8;
--el-color-primary-light-9: #faeeed;
--el-color-primary-dark-2: #9d2822;
--purple: var(--el-color-primary);
--muted: #909399;
--line: #e4e7ed;
@@ -30,6 +30,14 @@ body {
background: var(--el-bg-color-page);
color: var(--el-text-color-primary);
}
.el-button--primary {
--el-button-bg-color: var(--el-color-primary);
--el-button-border-color: var(--el-color-primary);
--el-button-hover-bg-color: var(--el-color-primary-dark-2);
--el-button-hover-border-color: var(--el-color-primary-dark-2);
--el-button-active-bg-color: var(--el-color-primary-dark-2);
--el-button-active-border-color: var(--el-color-primary-dark-2);
}
.eyebrow {
letter-spacing: 0.7px;
color: #9298a1;
@@ -52,8 +60,8 @@ body {
box-shadow: none !important;
}
.primary-button:hover {
background: var(--el-color-primary-light-3) !important;
border-color: var(--el-color-primary-light-3) !important;
background: var(--el-color-primary-dark-2) !important;
border-color: var(--el-color-primary-dark-2) !important;
}
.stats-grid {
gap: 12px;
@@ -73,7 +81,7 @@ body {
}
.stat-icon {
border-radius: var(--app-radius-sm);
background: #ecf5ff !important;
background: var(--el-color-primary-light-9) !important;
color: var(--el-color-primary) !important;
}
.stat-value {
@@ -97,7 +105,7 @@ body {
color: #61738a;
}
.chart-svg path:first-of-type {
fill: #d9ecff;
fill: var(--el-color-primary-light-8);
}
.chart-svg path:last-of-type {
stroke: var(--el-color-primary);
@@ -241,12 +249,12 @@ body {
border-color: #e7e9ec;
}
.role-active {
border-color: #a0cfff;
background: #ecf5ff;
border-color: var(--el-color-primary-light-5);
background: var(--el-color-primary-light-9);
}
.role-icon {
border-radius: var(--app-radius-sm);
background: #ecf5ff !important;
background: var(--el-color-primary-light-9) !important;
color: var(--el-color-primary) !important;
}
.role-badge {
@@ -314,12 +322,12 @@ body {
color: #6b7280 !important;
}
.el-tag.status-badge.is-pending {
--el-tag-bg-color: #ecf5ff;
--el-tag-border-color: #c6e2ff;
--el-tag-text-color: #2b7de9;
background: #ecf5ff !important;
border-color: #c6e2ff !important;
color: #2b7de9 !important;
--el-tag-bg-color: var(--el-color-primary-light-9);
--el-tag-border-color: var(--el-color-primary-light-7);
--el-tag-text-color: var(--el-color-primary);
background: var(--el-color-primary-light-9) !important;
border-color: var(--el-color-primary-light-7) !important;
color: var(--el-color-primary) !important;
}
.el-tag.status-badge.is-offline {
--el-tag-bg-color: #fdecec;