style: update theme tokens to white color scheme
- Update bgLayout to #f5f5f5 (light gray layout background) - Update header colorBgHeader to #ffffff (white header background) - Update header text colors to dark (#262626, #595959) - Increase header height to 64px - Add comprehensive sider color tokens for white menu theme - Add selected menu item styling with blue highlight Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
parent
769e5acad5
commit
4b850b41bc
@ -47,15 +47,19 @@ export const LayoutConfig: RuntimeConfig['layout'] = () => {
|
|||||||
// },
|
// },
|
||||||
collapsedButtonRender: false,
|
collapsedButtonRender: false,
|
||||||
token: {
|
token: {
|
||||||
bgLayout: '#eef0f3',
|
bgLayout: '#f5f5f5', // 浅灰布局背景
|
||||||
header: {
|
header: {
|
||||||
colorBgHeader: '#001529',
|
colorBgHeader: '#ffffff', // 白色header背景
|
||||||
colorHeaderTitle: '#FFF',
|
colorHeaderTitle: '#262626', // 深色标题文字
|
||||||
colorTextRightActionsItem: '#FFF',
|
colorTextRightActionsItem: '#595959', // 深色操作文字
|
||||||
heightLayoutHeader: 50,
|
heightLayoutHeader: 64, // Header高度64px
|
||||||
},
|
},
|
||||||
sider: {
|
sider: {
|
||||||
colorMenuBackground: '#FFF',
|
colorMenuBackground: '#ffffff', // 白色菜单背景
|
||||||
|
colorMenuText: '#595959', // 深色菜单文字
|
||||||
|
colorMenuTextSelected: '#1890ff', // 激活菜单文字蓝色
|
||||||
|
colorMenuItemBgSelected: '#e6f7ff', // 激活菜单背景浅蓝
|
||||||
|
colorMenuDivider: '#f0f0f0', // 分割线颜色
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
menuItemRender: (item, dom) => <Link to={item.path || '/'}>{dom}</Link>,
|
menuItemRender: (item, dom) => <Link to={item.path || '/'}>{dom}</Link>,
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user