99 lines
2.7 KiB
JavaScript
99 lines
2.7 KiB
JavaScript
/**
|
||
* Centralized theme settings.
|
||
*
|
||
* settings is the only durable theme source. Component libraries and runtime
|
||
* CSS variables are derived from it through adapters.
|
||
*/
|
||
|
||
/**
|
||
* 主题 settings 的 schema 版本。本次为大版本重构，不兼容旧的扁平主题数据。
|
||
* 持久化（本地缓存 / 后端 originSetting）统一写成 `{ version, settings }` 信封，
|
||
* 读取时只接受当前版本，版本不匹配或旧格式一律回落默认值。
|
||
* 未来 settings 结构再做破坏性调整时，递增此版本即可让旧数据自动失效。
|
||
*/
|
||
export const THEME_SETTINGS_VERSION = 1
|
||
|
||
export const themeSettings = {
|
||
themeScheme: 'auto',
|
||
grayscale: false,
|
||
colourWeakness: false,
|
||
themeColor: '#2264f2',
|
||
themeRadius: 0.5,
|
||
size: 'default',
|
||
otherColor: {
|
||
info: '#909399',
|
||
success: '#60c041',
|
||
warning: '#f9901f',
|
||
error: '#f56c6c'
|
||
},
|
||
isInfoFollowPrimary: false,
|
||
layout: {
|
||
mode: 'normal',
|
||
sideWidth: 256,
|
||
sideCollapsedWidth: 80,
|
||
sideItemHeight: 48
|
||
},
|
||
page: {
|
||
transition: 'slide'
|
||
},
|
||
header: {
|
||
breadcrumb: {
|
||
visible: true,
|
||
showIcon: true
|
||
},
|
||
refresh: {
|
||
visible: true
|
||
},
|
||
search: {
|
||
visible: true
|
||
},
|
||
collapseButton: {
|
||
visible: true
|
||
},
|
||
bg: '',
|
||
shadow: 'sm',
|
||
},
|
||
tab: {
|
||
visible: true,
|
||
bg: '',
|
||
// 标签栏阴影档位：none / sm / md / lg（与顶栏阴影同机制）
|
||
shadow: 'sm',
|
||
// 标签栏风格：button(描边胶囊) / chrome(浏览器标签) / slider(底部指示条)
|
||
mode: 'chrome',
|
||
// 是否在标签上展示路由图标
|
||
showIcon: true
|
||
},
|
||
menu: {
|
||
theme: 'light',
|
||
darkSider: false
|
||
},
|
||
card: {
|
||
mode: 'border'
|
||
},
|
||
watermark: {
|
||
visible: false
|
||
},
|
||
// 中性/表面色不再在此硬编码：container / layout / border / muted / base-text 等全部由
|
||
// Prism 的 neutral 色阶在 token.js 中派生（详见 createThemeToken）。此处只保留与颜色无关的阴影档位。
|
||
tokens: {
|
||
light: {
|
||
boxShadow: {
|
||
header: '0 1px 0 rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04)',
|
||
sider: '2px 0 8px 0 rgba(29, 35, 41, 0.05)',
|
||
tab: '0 1px 2px rgba(0, 21, 41, 0.08)',
|
||
card: '0 1px 2px rgba(0, 0, 0, 0.04), 0 6px 18px rgba(0, 0, 0, 0.06)'
|
||
}
|
||
},
|
||
dark: {
|
||
boxShadow: {
|
||
header: '0 1px 0 rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.35)',
|
||
sider: '2px 0 8px 0 rgba(0, 0, 0, 0.35)',
|
||
tab: '0 1px 0 rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.35)',
|
||
card: '0 1px 2px rgba(0, 0, 0, 0.28), 0 6px 18px rgba(0, 0, 0, 0.32)'
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
export const cloneThemeSettings = () => structuredClone(themeSettings)
|