mirror of
https://github.com/remvze/moodist.git
synced 2025-12-18 09:24:14 +00:00
27bf07e39f
- 修复明亮模式下的组件背景色问题，移除黑色背景 - 统一所有按钮和组件的灰色调，提升视觉一致性 - 加深灰色对比度，提高可读性和用户体验 - 优化声音组件、分类图标、删除按钮等样式 - 统一播放按钮、菜单按钮、滚动到顶部按钮风格 - 改进主题切换系统的CSS变量使用 - 新增数据库目录用于SQLite数据存储
25 lines
511 B
CSS
25 lines
511 B
CSS
.button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 45px;
|
|
height: 45px;
|
|
font-size: var(--font-md);
|
|
color: var(--color-foreground);
|
|
pointer-events: auto;
|
|
cursor: pointer;
|
|
background-color: var(--bg-secondary);
|
|
border: 1px solid var(--color-border);
|
|
border-radius: 50%;
|
|
transition: 0.2s;
|
|
|
|
&:focus-visible {
|
|
outline: 2px solid var(--color-muted);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
&:hover,
|
|
&:focus-visible {
|
|
background-color: var(--bg-tertiary);
|
|
}
|
|
}
|