feat(dashboard): unify global UI theme across all admin templates
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user