marchglow/webgame-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 使用自定义主题色

Browse Source
This commit is contained in:
Azure
2026-06-18 11:01:11 +08:00
parent c1e292ea18
commit 3bd6e972ea
12 changed files with 111 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/baseLayouts/GameList.vue
View File

@@ -117,7 +117,7 @@ function selectGame(id: string) {
display: flex;
height: 100%;
width: 100%;
color: #fff;
color: var(--text-primary);
}
/* ===== 左侧图标列表 ===== */
@@ -129,7 +129,7 @@ function selectGame(id: string) {
flex-shrink: 0;
padding: 8px 4px;
overflow-y: auto;
border-right: 1px solid rgba(255, 255, 255, 0.15);
border-right: 1px solid var(--border-light);
}
.game-list__icon-item {
@@ -143,11 +143,11 @@ function selectGame(id: string) {
transition: background-color 0.2s ease;
&:hover {
background-color: rgba(255, 255, 255, 0.15);
background-color: var(--bg-surface-hover);
}
&--active {
background-color: rgba(255, 255, 255, 0.25);
background-color: var(--color-primary-light);
}
}
@@ -174,7 +174,7 @@ function selectGame(id: string) {
.game-list__detail-desc {
font-size: 14px;
line-height: 1.6;
color: rgba(255, 255, 255, 0.8);
color: var(--text-secondary);
margin-bottom: 24px;
}
@@ -183,13 +183,13 @@ function selectGame(id: string) {
font-size: 16px;
font-weight: 500;
margin-bottom: 8px;
color: rgba(255, 255, 255, 0.9);
color: var(--text-primary);
}
p {
font-size: 13px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.7);
color: var(--text-secondary);
}
}
@@ -198,7 +198,7 @@ function selectGame(id: string) {
align-items: center;
justify-content: center;
height: 100%;
color: rgba(255, 255, 255, 0.5);
color: var(--text-tertiary);
font-size: 14px;
}
</style>