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

This commit is contained in:
2026-06-30 11:04:13 +08:00
parent b327f65c63
commit 4d8389a716
36 changed files with 168 additions and 169 deletions

View File

@@ -1,4 +1,4 @@
<script setup lang="ts">
<script setup lang="ts">
import { onMounted, computed, ref } from 'vue';
import { useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
@@ -253,8 +253,8 @@ function formatKickoff(startTime: string) {
}
.match-card:hover {
border-color: var(--border-gold-soft);
box-shadow: var(--shadow-gold);
border-color: var(--border-active);
box-shadow: var(--shadow);
}
.card-top {
@@ -267,7 +267,7 @@ function formatKickoff(startTime: string) {
font-size: 11px;
font-weight: 700;
color: var(--primary-light);
background: rgba(212, 175, 55, 0.08);
background: rgba(0, 102, 204, 0.08);
padding: 2px 6px;
border-radius: 4px;
max-width: 100%;
@@ -339,7 +339,7 @@ function formatKickoff(startTime: string) {
.bet-action-btn {
padding: 4px 12px;
border-radius: 4px;
border: 1px solid var(--border-gold-soft);
border: 1px solid var(--border-active);
background: transparent;
color: var(--primary-light);
font-size: 11px;
@@ -349,7 +349,7 @@ function formatKickoff(startTime: string) {
.match-card:hover .bet-action-btn {
background: var(--primary);
color: #3D2800;
color: #FFFFFF;
border-color: var(--primary);
}
</style>