ysc/thebet365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(theme-2): rewrite desktop CSS for light mode blue-white

Browse Source
This commit is contained in:
Mars
2026-06-30 10:55:08 +08:00
parent c37b1a8548
commit b327f65c63
4 changed files with 73 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
apps/player/src/styles/desktop/records.css
View File

@@ -44,8 +44,8 @@
justify-content: center;
padding: 8px 18px;
border-radius: 6px;
border: 1px solid var(--border-gold-soft);
background: rgba(212, 175, 55, 0.08);
border: 1px solid var(--border-active);
background: rgba(0, 102, 204, 0.08);
color: var(--primary-light);
font-size: 13px;
font-weight: 700;
@@ -55,8 +55,8 @@
}
.desktop-records-action-btn:hover {
background: rgba(212, 175, 55, 0.14);
border-color: var(--border-gold);
background: rgba(0, 102, 204, 0.14);
border-color: var(--border-active);
}
.desktop-records-filter-bar {
@@ -92,7 +92,7 @@
.desktop-records-filter-divider {
width: 1px;
height: 22px;
background: rgba(255, 255, 255, 0.12);
background: var(--border);
flex-shrink: 0;
}
@@ -102,7 +102,7 @@
font-size: 12px;
font-weight: 700;
color: var(--text-muted);
background: rgba(255, 255, 255, 0.03);
background: var(--bg-hover);
border: 1px solid transparent;
cursor: pointer;
transition: color 0.2s, border-color 0.2s, background 0.2s;
@@ -110,14 +110,14 @@
}
.desktop-records-filter-chip:hover {
color: #fff;
border-color: rgba(212, 175, 55, 0.25);
color: var(--text);
border-color: rgba(0, 102, 204, 0.25);
}
.desktop-records-filter-chip.active {
color: var(--primary-light);
background: rgba(212, 175, 55, 0.1);
border-color: rgba(212, 175, 55, 0.35);
background: rgba(0, 102, 204, 0.1);
border-color: rgba(0, 102, 204, 0.35);
}
.desktop-wallet-subnav {
@@ -140,14 +140,14 @@
}
.desktop-wallet-subnav-link:hover {
color: #fff;
background: rgba(255, 255, 255, 0.04);
color: var(--text);
background: var(--bg-hover);
}
.desktop-wallet-subnav-link.active {
color: var(--primary-light);
background: rgba(212, 175, 55, 0.1);
border-color: rgba(212, 175, 55, 0.28);
background: rgba(0, 102, 204, 0.1);
border-color: rgba(0, 102, 204, 0.28);
}
.desktop-records-panel {
@@ -155,7 +155,7 @@
flex-direction: column;
flex: 1;
min-height: 0;
background: rgba(18, 18, 18, 0.94);
background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 10px;
overflow: hidden;
@@ -182,7 +182,7 @@
font-size: 11px;
font-weight: 800;
color: var(--primary-light);
background: #121212;
background: var(--desktop-bg);
text-transform: uppercase;
letter-spacing: 0.06em;
border-bottom: 1px solid var(--border);
@@ -195,13 +195,13 @@
.desktop-records-table td {
padding: 12px 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
border-bottom: 1px solid var(--border);
color: var(--text);
vertical-align: middle;
}
.desktop-records-table tbody tr:nth-child(even) {
background: rgba(255, 255, 255, 0.015);
background: var(--bg-hover);
}
.desktop-records-table tbody tr.hover-row {
@@ -209,7 +209,7 @@
}
.desktop-records-table tbody tr.hover-row:hover {
background: rgba(212, 175, 55, 0.06);
background: rgba(0, 102, 204, 0.06);
}
.desktop-records-table .num-cell {
@@ -237,8 +237,8 @@
.desktop-records-pagination {
flex-shrink: 0;
padding: 12px 16px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(10, 10, 10, 0.35);
border-top: 1px solid var(--border);
background: var(--desktop-bg);
}
.desktop-records-loading,
@@ -299,7 +299,7 @@
.desktop-records-status.status-won { background: rgba(52, 199, 89, 0.12); color: #4cd964; }
.desktop-records-status.status-lost { background: rgba(255, 69, 58, 0.12); color: #ff453a; }
.desktop-records-status.status-pending { background: rgba(212, 175, 55, 0.12); color: var(--primary-light); }
.desktop-records-status.status-pending { background: rgba(0, 102, 204, 0.12); color: var(--primary-light); }
.desktop-records-status.status-push { background: rgba(100, 100, 100, 0.12); color: #aaa; }
.desktop-records-status.status-cancelled { background: rgba(100, 100, 100, 0.1); color: #777; }
.desktop-records-status.status-default { background: rgba(100, 100, 100, 0.1); color: #888; }