style(theme-2): replace gold components and colors with blue-white scheme on desktop
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user