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

style(theme-2): replace gold components and colors with blue-white scheme on desktop

Browse Source
This commit is contained in:
Mars
2026-06-30 11:04:13 +08:00
parent b327f65c63
commit 4d8389a716
36 changed files with 168 additions and 169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/player/src/components/desktop/DesktopTopNav.vue
View File

@@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup lang="ts">
import { computed } from 'vue';
import { RouterLink, useRoute } from 'vue-router';
import { useI18n } from 'vue-i18n';
@@ -114,7 +114,7 @@ const activeTab = computed(() => {
height: 38px;
width: auto;
display: block;
filter: drop-shadow(0 0 4px rgba(212, 175, 55, 0.2));
filter: drop-shadow(0 0 4px rgba(0, 102, 204, 0.2));
}
.site-name {
@@ -122,10 +122,10 @@ const activeTab = computed(() => {
font-weight: 800;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
letter-spacing: 0.5px;
background: var(--gradient-gold);
background: var(--primary);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 0 0 8px rgba(212, 175, 55, 0.15);
text-shadow: 0 0 8px rgba(0, 102, 204, 0.15);
transition: opacity 0.2s;
}
@@ -169,7 +169,7 @@ const activeTab = computed(() => {
height: 3px;
background: var(--primary);
border-radius: 3px 3px 0 0;
box-shadow: 0 -1px 8px rgba(212, 175, 55, 0.5);
box-shadow: 0 -1px 8px rgba(0, 102, 204, 0.5);
}
.badge {
@@ -203,8 +203,8 @@ const activeTab = computed(() => {
.login-btn {
padding: 6px 18px;
border-radius: 4px;
border: 1px solid var(--border-gold-soft);
background: rgba(212, 175, 55, 0.05);
border: 1px solid var(--border-active);
background: rgba(0, 102, 204, 0.05);
color: var(--primary-light);
font-size: 13px;
font-weight: 700;
@@ -212,15 +212,15 @@ const activeTab = computed(() => {
}
.login-btn:hover {
background: rgba(212, 175, 55, 0.12);
background: rgba(0, 102, 204, 0.12);
border-color: var(--primary);
}
.register-btn {
padding: 7px 18px;
border-radius: 4px;
background: linear-gradient(180deg, #F0D875 0%, #D4AF37 100%);
color: #3D2800;
background: linear-gradient(180deg, var(--primary-light) 0%, var(--primary) 100%);
color: #FFFFFF;
font-size: 13px;
font-weight: 800;
transition: opacity 0.2s;