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 { ref, computed, onMounted, watch, nextTick } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { useI18n } from 'vue-i18n';
@@ -548,7 +548,7 @@ function toggleSelection(sel: Selection, market: Market, event?: MouseEvent) {
font-size: 32px;
font-weight: 900;
color: var(--primary-light);
text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
text-shadow: 0 0 10px rgba(0, 102, 204, 0.3);
}
.versus-row .divider {
@@ -658,9 +658,9 @@ function toggleSelection(sel: Selection, market: Market, event?: MouseEvent) {
.market-filter-chip.active {
color: var(--primary-light);
background: rgba(212, 175, 55, 0.1);
border-color: var(--border-gold-soft);
box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.08);
background: rgba(0, 102, 204, 0.1);
border-color: var(--border-active);
box-shadow: inset 0 0 0 1px rgba(0, 102, 204, 0.08);
}
.markets-score-section {