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 { computed, onMounted } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
@@ -169,8 +169,8 @@ watch(currentMatchId, scrollToActive);
}
.sidebar-search-input:focus {
border-color: var(--border-gold-soft) !important;
box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.1) !important;
border-color: var(--border-active) !important;
box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.1) !important;
}
.sidebar-section {
@@ -212,12 +212,12 @@ watch(currentMatchId, scrollToActive);
}
.time-btn:hover {
border-color: var(--border-gold-soft);
border-color: var(--border-active);
color: var(--text);
}
.time-btn.active {
background: rgba(212, 175, 55, 0.08);
background: rgba(0, 102, 204, 0.08);
border-color: var(--primary);
color: var(--primary-light);
}
@@ -330,13 +330,13 @@ watch(currentMatchId, scrollToActive);
}
.matches-list :deep(.match-card:hover) {
border-color: var(--border-gold-soft);
border-color: var(--border-active);
background: var(--bg-hover) !important;
}
.matches-list :deep(.match-card.active) {
border-color: var(--primary) !important;
background: rgba(212, 175, 55, 0.08) !important;
box-shadow: 0 0 8px rgba(212, 175, 55, 0.25);
background: rgba(0, 102, 204, 0.08) !important;
box-shadow: 0 0 8px rgba(0, 102, 204, 0.25);
}
</style>