|
|
@@ -382,7 +382,7 @@ function formatDate(dateStr) {
|
|
|
|
|
|
/* Section */
|
|
|
.section {
|
|
|
- background: #fff;
|
|
|
+ background: var(--color-bg-card);
|
|
|
border-radius: 14px;
|
|
|
padding: 16px;
|
|
|
margin-bottom: 16px;
|
|
|
@@ -400,7 +400,7 @@ function formatDate(dateStr) {
|
|
|
}
|
|
|
.section-sub {
|
|
|
font-size: 12px;
|
|
|
- color: #3B82F6;
|
|
|
+ color: var(--color-info);
|
|
|
font-weight: 500;
|
|
|
}
|
|
|
|
|
|
@@ -606,14 +606,14 @@ function formatDate(dateStr) {
|
|
|
font-size: 12px;
|
|
|
font-weight: 600;
|
|
|
color: var(--color-gold);
|
|
|
- background: #FEF3C7;
|
|
|
+ background: var(--color-gold-bg);
|
|
|
padding: 2px 10px;
|
|
|
border-radius: 4px;
|
|
|
letter-spacing: 1px;
|
|
|
}
|
|
|
.tool-arrow {
|
|
|
font-size: 18px;
|
|
|
- color: #CBD5E0;
|
|
|
+ color: var(--color-text-secondary);
|
|
|
}
|
|
|
|
|
|
/* ===== Commission List ===== */
|
|
|
@@ -629,7 +629,7 @@ function formatDate(dateStr) {
|
|
|
.comm-amount {
|
|
|
font-size: 15px;
|
|
|
font-weight: 600;
|
|
|
- color: #2D8B67;
|
|
|
+ color: var(--color-success);
|
|
|
display: block;
|
|
|
}
|
|
|
.comm-level {
|
|
|
@@ -640,7 +640,7 @@ function formatDate(dateStr) {
|
|
|
}
|
|
|
.comm-remark {
|
|
|
font-size: 11px;
|
|
|
- color: #8B9DAB;
|
|
|
+ color: var(--color-text-tertiary);
|
|
|
margin-top: 1px;
|
|
|
display: block;
|
|
|
}
|
|
|
@@ -652,10 +652,10 @@ function formatDate(dateStr) {
|
|
|
display: inline-block;
|
|
|
margin-bottom: 2px;
|
|
|
}
|
|
|
-.comm-status.status-settled { background: #ECFDF5; color: #2D8B67; }
|
|
|
-.comm-status.status-pending { background: #FEF3C7; color: #D4A017; }
|
|
|
+.comm-status.status-settled { background: var(--color-success-bg); color: var(--color-success); }
|
|
|
+.comm-status.status-pending { background: var(--color-warning-bg); color: var(--color-warning); }
|
|
|
.comm-status.status-withdrawn { background: var(--color-bg-input); color: var(--color-text-secondary); }
|
|
|
-.comm-status.status-available { background: #EFF6FF; color: #3B82F6; }
|
|
|
+.comm-status.status-available { background: var(--color-info-bg); color: var(--color-info); }
|
|
|
.comm-date {
|
|
|
font-size: 11px;
|
|
|
color: var(--color-text-secondary);
|