feat: 主题选择改为标题栏调色盘

- 移除配置页的 select 下拉和面板外观卡片
- 在 header  左侧添加 4 个彩色圆点(赤红/青蓝/琥珀/紫雾)
- 圆点 hover 发光,active 白色边框高亮
- 汉化主题名称为 title 提示
This commit is contained in:
Youzini-afk
2026-03-24 17:36:05 +08:00
parent f3936b2d0a
commit 4288705117
3 changed files with 56 additions and 16 deletions

View File

@@ -187,6 +187,8 @@
font-size: 14px;
font-weight: 600;
color: var(--bme-primary, #e94560);
flex: 1;
min-width: 0;
}
.bme-panel-title i {
@@ -200,6 +202,35 @@
font-weight: 400;
}
.bme-theme-palette {
display: flex;
align-items: center;
gap: 6px;
margin-right: 8px;
}
.bme-theme-dot {
width: 16px;
height: 16px;
border-radius: 50%;
border: 2px solid transparent;
background: var(--dot-color);
cursor: pointer;
padding: 0;
transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
box-shadow: 0 0 0 0 transparent;
}
.bme-theme-dot:hover {
transform: scale(1.2);
box-shadow: 0 0 6px var(--dot-color);
}
.bme-theme-dot.active {
border-color: var(--bme-on-surface, #e4e1e6);
box-shadow: 0 0 8px var(--dot-color);
}
.bme-panel-close {
width: 28px;
height: 28px;