feat(dashboard): unify global UI theme across all admin templates

This commit is contained in:
liuwei
2026-04-15 17:00:15 +08:00
parent ee5c1ebadc
commit cb8adc40ce
19 changed files with 808 additions and 379 deletions

View File

@@ -689,8 +689,8 @@
label: '消息数量',
data: this.messageTrendData.counts,
fill: true,
backgroundColor: 'rgba(79, 70, 229, 0.10)',
borderColor: 'rgba(79, 70, 229, 1)',
backgroundColor: 'rgba(15, 118, 110, 0.10)',
borderColor: 'rgba(15, 118, 110, 1)',
tension: 0.28,
borderWidth: 3,
pointRadius: 2
@@ -704,7 +704,7 @@
y: {
beginAtZero: true,
grid: {
color: 'rgba(148,163,184,0.12)'
color: 'rgba(101,121,113,0.12)'
}
},
x: {
@@ -756,7 +756,7 @@
y: {
beginAtZero: true,
grid: {
color: 'rgba(148,163,184,0.12)'
color: 'rgba(101,121,113,0.12)'
}
},
x: {
@@ -824,7 +824,7 @@
y: {
beginAtZero: true,
grid: {
color: 'rgba(148,163,184,0.12)'
color: 'rgba(101,121,113,0.12)'
}
},
x: {
@@ -868,16 +868,16 @@
gap: 18px;
padding: 24px 26px;
border-radius: 24px;
background: linear-gradient(135deg, rgba(79,70,229,0.10), rgba(59,130,246,0.08), rgba(255,255,255,0.9));
border: 1px solid rgba(148, 163, 184, 0.16);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
background: linear-gradient(135deg, rgba(15,118,110,0.10), rgba(14,165,233,0.08), rgba(255,255,255,0.9));
border: 1px solid rgba(101, 121, 113, 0.16);
box-shadow: 0 18px 40px rgba(21, 33, 27, 0.06);
}
.page-eyebrow {
font-size: 12px;
text-transform: uppercase;
letter-spacing: .08em;
color: #6366f1;
color: #0b5e57;
font-weight: 700;
margin-bottom: 8px;
}
@@ -886,11 +886,11 @@
font-size: 30px;
line-height: 1.1;
margin-bottom: 10px;
color: #0f172a;
color: #15211b;
}
.page-hero-copy p {
color: #64748b;
color: #4f6258;
font-size: 14px;
}
@@ -913,29 +913,29 @@
}
.overview-card--primary {
background: linear-gradient(180deg, rgba(79,70,229,0.10), rgba(255,255,255,0.94)) !important;
background: linear-gradient(180deg, rgba(15,118,110,0.10), rgba(255,255,255,0.94)) !important;
}
.overview-card--soft {
background: linear-gradient(180deg, rgba(59,130,246,0.08), rgba(255,255,255,0.94)) !important;
background: linear-gradient(180deg, rgba(14,165,233,0.08), rgba(255,255,255,0.94)) !important;
}
.overview-label {
font-size: 13px;
color: #64748b;
color: #4f6258;
margin-bottom: 14px;
}
.overview-value {
font-size: 30px;
font-weight: 700;
color: #0f172a;
color: #15211b;
margin-bottom: 10px;
}
.overview-note {
font-size: 12px;
color: #94a3b8;
color: #74897f;
}
.workspace-header {
@@ -952,7 +952,7 @@
.workspace-header p {
font-size: 13px;
color: #64748b;
color: #4f6258;
}
.workspace-actions {
@@ -964,7 +964,7 @@
.selection-summary {
font-size: 13px;
color: #475569;
color: #3f5148;
margin-right: 4px;
}
@@ -981,8 +981,8 @@
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(79,70,229,0.10);
color: #4f46e5;
background: rgba(15,118,110,0.10);
color: #0f766e;
font-size: 12px;
font-weight: 700;
flex-shrink: 0;
@@ -991,13 +991,13 @@
.entity-title {
font-size: 14px;
font-weight: 600;
color: #0f172a;
color: #15211b;
}
.entity-subtitle {
margin-top: 4px;
font-size: 12px;
color: #94a3b8;
color: #74897f;
}
.action-row {
@@ -1009,7 +1009,7 @@
.dialog-intro {
margin-bottom: 14px;
color: #64748b;
color: #4f6258;
font-size: 13px;
}
@@ -1023,15 +1023,15 @@
.chart-shell {
padding: 16px;
border-radius: 18px;
background: linear-gradient(180deg, rgba(248,250,252,0.78), rgba(255,255,255,0.96));
border: 1px solid rgba(148,163,184,0.12);
background: linear-gradient(180deg, rgba(247,251,248,0.78), rgba(255,255,255,0.96));
border: 1px solid rgba(101,121,113,0.12);
}
.chart-heading {
margin-bottom: 12px;
font-size: 14px;
font-weight: 600;
color: #334155;
color: #27443a;
}
.detail-hero {
@@ -1043,7 +1043,7 @@
margin-bottom: 16px;
border-radius: 22px;
background: linear-gradient(135deg, rgba(249,115,22,0.10), rgba(14,165,233,0.08), rgba(255,255,255,0.96));
border: 1px solid rgba(148,163,184,0.14);
border: 1px solid rgba(101,121,113,0.14);
}
.detail-health-label {
@@ -1062,7 +1062,7 @@
.detail-health-note {
font-size: 13px;
color: #64748b;
color: #4f6258;
}
.detail-tags {
@@ -1087,7 +1087,7 @@
.section-title {
font-size: 15px;
font-weight: 600;
color: #0f172a;
color: #15211b;
margin-bottom: 12px;
}
@@ -1103,20 +1103,20 @@
.diagnosis-title {
font-size: 13px;
color: #64748b;
color: #4f6258;
margin-bottom: 10px;
}
.diagnosis-value {
font-size: 24px;
font-weight: 700;
color: #0f172a;
color: #15211b;
margin-bottom: 8px;
}
.diagnosis-desc {
font-size: 12px;
color: #94a3b8;
color: #74897f;
line-height: 1.5;
}
@@ -1133,12 +1133,12 @@
align-items: center;
justify-content: space-between;
font-weight: 600;
color: #0f172a;
color: #15211b;
}
.detail-card-sub {
font-size: 12px;
color: #94a3b8;
color: #74897f;
font-weight: 500;
}
@@ -1153,7 +1153,7 @@
.empty-inline,
.detail-inline-note {
font-size: 12px;
color: #64748b;
color: #4f6258;
}
.detail-inline-note {
@@ -1183,19 +1183,19 @@
padding: 12px 14px;
border-radius: 14px;
background: linear-gradient(180deg, rgba(14,165,233,0.08), rgba(255,255,255,0.96));
border: 1px solid rgba(148,163,184,0.12);
border: 1px solid rgba(101,121,113,0.12);
}
.peak-hour-rank {
font-size: 13px;
color: #0f172a;
color: #15211b;
font-weight: 600;
margin-bottom: 6px;
}
.peak-hour-count {
font-size: 12px;
color: #64748b;
color: #4f6258;
}
.chart-shell--compact {