mirror of
https://github.com/Youzini-afk/ST-Bionic-Memory-Ecology.git
synced 2026-06-13 18:31:16 +08:00
feat: 主题选择改为标题栏调色盘
- 移除配置页的 select 下拉和面板外观卡片
- 在 header ❌ 左侧添加 4 个彩色圆点(赤红/青蓝/琥珀/紫雾)
- 圆点 hover 发光,active 白色边框高亮
- 汉化主题名称为 title 提示
This commit is contained in:
31
style.css
31
style.css
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user