-
+
@@ -224,10 +248,10 @@ onMounted(() => {
width: 380px;
height: 600px;
max-height: calc(100vh - 120px);
- background: var(--bg-card, #141414);
+ background: var(--bg-card);
border: 1px solid var(--border);
border-radius: 12px;
- box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
+ box-shadow: var(--shadow-md);
display: flex;
flex-direction: column;
overflow: hidden;
@@ -240,7 +264,7 @@ onMounted(() => {
justify-content: space-between;
padding: 0 12px;
border-bottom: 1px solid var(--border);
- background: rgba(255, 255, 255, 0.02);
+ background: var(--bg-body);
height: 48px;
}
@@ -264,7 +288,7 @@ onMounted(() => {
}
.tab-btn:hover {
- color: #fff;
+ color: var(--primary);
}
.tab-btn.active {
@@ -273,8 +297,8 @@ onMounted(() => {
}
.tab-badge {
- background: rgba(255, 255, 255, 0.1);
- color: #fff;
+ background: var(--bg-hover);
+ color: var(--text-muted);
font-size: 11px;
padding: 2px 6px;
border-radius: 10px;
@@ -282,7 +306,7 @@ onMounted(() => {
.tab-btn.active .tab-badge {
background: var(--primary);
- color: #141414;
+ color: #fff;
}
.header-actions {
@@ -305,8 +329,8 @@ onMounted(() => {
}
.action-btn:hover {
- background: rgba(255, 255, 255, 0.05);
- color: #fff;
+ background: var(--bg-hover);
+ color: var(--primary);
}
.action-btn.danger:hover {
@@ -315,13 +339,13 @@ onMounted(() => {
}
.action-btn.close:hover {
- background: rgba(255, 255, 255, 0.1);
+ background: var(--bg-hover);
}
.popup-body {
height: calc(100% - 48px);
position: relative;
- background: #0f0f0f;
+ background: var(--bg-body);
overflow-y: auto;
}
diff --git a/apps/player/src/components/HomeAnnouncementCard.vue b/apps/player/src/components/HomeAnnouncementCard.vue
index f7ef060..abc293f 100644
--- a/apps/player/src/components/HomeAnnouncementCard.vue
+++ b/apps/player/src/components/HomeAnnouncementCard.vue
@@ -130,7 +130,7 @@ watch(totalPages, () => {
justify-content: space-between;
padding: 12px 16px;
border-bottom: 1px solid var(--border);
- background: rgba(201, 162, 39, 0.05);
+ background: rgba(0, 102, 204, 0.04);
}
.header-title {
@@ -139,7 +139,7 @@ watch(totalPages, () => {
gap: 8px;
font-size: 14px;
font-weight: 800;
- color: var(--primary-light);
+ color: var(--primary);
}
.announce-icon {
@@ -158,8 +158,8 @@ watch(totalPages, () => {
height: 24px;
border-radius: 4px;
border: 1px solid var(--border);
- background: #1a1a1a;
- color: var(--gold);
+ background: var(--bg-card);
+ color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
@@ -189,7 +189,7 @@ watch(totalPages, () => {
border: none;
background: transparent;
text-align: left;
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+ border-bottom: 1px solid var(--border);
transition: background 0.2s;
}
@@ -198,22 +198,23 @@ watch(totalPages, () => {
}
.announce-row:hover {
- background: rgba(255, 255, 255, 0.03);
+ background: var(--bg-hover);
}
.row-main {
flex: 1;
min-width: 0;
display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 16px;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 4px;
}
.title {
- flex: 1;
+ width: 100%;
font-size: 13px;
- color: #fff;
+ font-weight: 600;
+ color: var(--text);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -226,7 +227,7 @@ watch(totalPages, () => {
}
.chevron {
- color: var(--gold);
+ color: var(--text-muted);
font-size: 18px;
font-family: monospace;
}
diff --git a/apps/player/src/components/MessageListPanel.vue b/apps/player/src/components/MessageListPanel.vue
index 5c65d25..ee53a01 100644
--- a/apps/player/src/components/MessageListPanel.vue
+++ b/apps/player/src/components/MessageListPanel.vue
@@ -195,11 +195,11 @@ onActivated(tryLoad);
}
.login-link {
- border: 1px solid var(--border-gold-soft);
+ border: 1px solid var(--border-active);
border-radius: 8px;
padding: 8px 14px;
- background: rgba(212, 175, 55, 0.1);
- color: var(--gold);
+ background: rgba(0, 102, 204, 0.08);
+ color: var(--primary);
font-size: 13px;
font-weight: 600;
}
@@ -230,7 +230,7 @@ onActivated(tryLoad);
}
.list-row.unread .title {
- color: #fff;
+ color: var(--text);
font-weight: 700;
}
@@ -243,8 +243,8 @@ onActivated(tryLoad);
}
.list-row.unread .row-dot {
- background: var(--gold);
- box-shadow: 0 0 8px rgba(212, 175, 55, 0.45);
+ background: var(--primary);
+ box-shadow: 0 0 8px rgba(0, 102, 204, 0.35);
}
.row-main {
@@ -266,7 +266,7 @@ onActivated(tryLoad);
flex: 1;
min-width: 0;
font-size: 15px;
- color: #d8d8d8;
+ color: var(--text);
line-height: 1.35;
overflow: hidden;
text-overflow: ellipsis;
@@ -279,13 +279,13 @@ onActivated(tryLoad);
border-radius: 4px;
font-size: 10px;
font-weight: 600;
- color: #888;
- background: rgba(255, 255, 255, 0.06);
+ color: var(--text-muted);
+ background: var(--bg-hover);
}
.status-badge.unread {
- color: var(--gold);
- background: rgba(212, 175, 55, 0.12);
+ color: var(--primary);
+ background: rgba(0, 102, 204, 0.1);
}
.preview {
@@ -341,8 +341,8 @@ onActivated(tryLoad);
padding: 10px;
border: 1px solid var(--border);
border-radius: 8px;
- background: #141414;
- color: var(--gold);
+ background: var(--bg-hover);
+ color: var(--primary);
font-size: 13px;
}
diff --git a/apps/player/src/components/PageBackButton.vue b/apps/player/src/components/PageBackButton.vue
new file mode 100644
index 0000000..ee51e96
--- /dev/null
+++ b/apps/player/src/components/PageBackButton.vue
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
diff --git a/apps/player/src/components/desktop/AccountSideNav.vue b/apps/player/src/components/desktop/AccountSideNav.vue
index 62e2759..3160be4 100644
--- a/apps/player/src/components/desktop/AccountSideNav.vue
+++ b/apps/player/src/components/desktop/AccountSideNav.vue
@@ -1,4 +1,4 @@
-
+
+
+
+
+
+
diff --git a/apps/player/src/components/desktop/DesktopOddsBetPopover.vue b/apps/player/src/components/desktop/DesktopOddsBetPopover.vue
index 2c0cc8c..8f6ba10 100644
--- a/apps/player/src/components/desktop/DesktopOddsBetPopover.vue
+++ b/apps/player/src/components/desktop/DesktopOddsBetPopover.vue
@@ -1,4 +1,4 @@
-
-
+
+
@@ -85,9 +101,6 @@ watch(
-
@@ -114,7 +127,7 @@ watch(
-
+
@@ -125,6 +138,8 @@ watch(
+
+
diff --git a/apps/player/src/components/desktop/DesktopTopNav.vue b/apps/player/src/components/desktop/DesktopTopNav.vue
index f6e251f..afd0600 100644
--- a/apps/player/src/components/desktop/DesktopTopNav.vue
+++ b/apps/player/src/components/desktop/DesktopTopNav.vue
@@ -1,4 +1,4 @@
-
+
+
+
+
+
+
diff --git a/apps/player/src/components/desktop/DesktopWalletSubNav.vue b/apps/player/src/components/desktop/DesktopWalletSubNav.vue
index 78bf3c7..3d75f18 100644
--- a/apps/player/src/components/desktop/DesktopWalletSubNav.vue
+++ b/apps/player/src/components/desktop/DesktopWalletSubNav.vue
@@ -1,4 +1,4 @@
-
-