🐛[BUG] Dark mode is removed from Pro Layout

[arifszn]

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

navTheme and headerTheme props are removed in version 7.x.x. No explanation for removing is there on the changelog. Also, can't find any alternative to enable the dark mode.

An undocumented prop type navTheme is available but it only adds a drop shadow.

<ProLayout navTheme="realDark">HELLO</ProLayout>

In this commit it's removed.

Version: "@ant-design/pro-layout": "^7.1.4"

📷 复现步骤

🏞 期望结果

💻 复现代码

© 版本信息

• ProComponents 版本: [e.g. 4.0.0]
• umi 版本
• 浏览器环境
• 开发环境 [e.g. mac OS]

🚑 其他信息

[hejinguo]

navTheme 删除了？

[arifszn]

Looks like it from this commit .

Still, there is a prop definion for navTheme but it only adds a drop shadow. In the actual documentation, it is removed also.

[chenshuai2144]

We recommend using the token method to configure, we have a related demo

https://procomponents.ant.design/components/layout#%E7%BB%8F%E5%85%B8%E5%AF%BC%E8%88%AA%E6%A0%B7%E5%BC%8F

[arifszn]

@chenshuai2144, i see the token can be the alternative for the darkmode. But the problem is it is not dynamic anymore.

const [darkMode, setDarkMode] = useState(false);

<ProLayout
   token={{
     bgLayout: darkMode ? '#000' : '#f0f2f5',
   }}

Even I changed the darMode state, the bg color remained the same when it was first rendered.

The previous navTheme and headerTheme were dynamic.

<ProLayout
   navTheme={darkMode ? 'dark' : 'light'}
   headerTheme={darkMode ? 'dark' : 'light'}

Should I create a separate ticket?