V5 navTheme 设置dark不生效

[xiaqingping]

trafficstars

🧐 问题描述 | Problem description

💻 示例代码 | Sample code

import { Settings as LayoutSettings } from '@ant-design/pro-components';

const Settings: LayoutSettings & { pwa?: boolean; logo?: string; } = { navTheme: 'dark', // 拂晓蓝 primaryColor: '#1890ff', layout: 'mix', contentWidth: 'Fluid', fixedHeader: false, fixSiderbar: true, colorWeak: false, title: '', pwa: false, iconfontUrl: '', };

export default Settings;

🚑 其他信息 | Other information

OS:

Node：

浏览器 | browser：

[pkaq]

这个似乎要通过Token去更改才行

[wangJacker]

的确不生效使用的pro-cli脚手架 生成的项目

[wangJacker]

https://github.com/ant-design/ant-design-pro/issues/10112

[xiaqingping]

使用token可以实现，但是build似乎不生效

[chenshuai2144]

没有dark模式了，要用新的token来更改 https://procomponents.ant.design/~demos/layout-classicmode

 token={{
          header: {
            colorBgHeader: '#292f33',
            colorHeaderTitle: '#fff',
            colorTextMenu: '#dfdfdf',
            colorTextMenuSecondary: '#dfdfdf',
            colorTextMenuSelected: '#fff',
            colorBgMenuItemSelected: '#22272b',
            colorTextMenuActive: 'rgba(255,255,255,0.85)',
            colorTextRightActionsItem: '#dfdfdf',
          },
          colorTextAppListIconHover: '#fff',
          colorTextAppListIcon: '#dfdfdf',
          sider: {
            colorMenuBackground: '#fff',
            colorMenuItemDivider: '#dfdfdf',
            colorBgMenuItemHover: '#f6f6f6',
            colorTextMenu: '#595959',
            colorTextMenuSelected: '#242424',
            colorTextMenuActive: '#242424',
            colorBgMenuItemCollapsedHover: '#242424',
          },
        }}