feat: 接入深色配色(浅色 / 深色 / 跟随系统)

- settings.site 新增 theme,落在 <html data-scheme> 上
- 深色完全由组件库的令牌块接管,页面与组件都不用改
- 后台「页头 → 配色」可选,保存后前后台即时切换
- 顶部背景图是浅色渐变图,深色下隐藏(.site-background)
This commit is contained in:
2026-11-01 15:41:22 +08:00
parent 8a782099f5
commit 2f2ceb9ea0
5 changed files with 47 additions and 2 deletions
+6
View File
@@ -284,6 +284,7 @@ export default function AppNext() {
site: {
title: 'Stash · 本地应用工作区',
favicon: '',
theme: 'auto',
brand: { name: 'STASH', mark: 'S', logo: '' },
actions: { refresh: true, settings: true, session: true },
},
@@ -291,6 +292,11 @@ export default function AppNext() {
const keywordLower = keyword.trim().toLowerCase()
// 配色:写在 <html data-scheme> 上,深色由组件库的令牌块接管
useEffect(() => {
document.documentElement.dataset.scheme = site.site.theme
}, [site.site.theme])
// 站点级设置:浏览器标签标题与 favicon(空值回落到内置)
useEffect(() => {
const title = site.site.title.trim()