🐛[BUG]暗色模式下，左侧菜单出现滚动条的话，滚动条是白色的，非常刺眼

[ideaviewes]

🐛 bug 描述

暗色模式下，左侧菜单如果有二级菜单，且内容较多，出现滚动条的话，滚动条是白色的，非常刺眼

🏞 期望结果

想要在暗色模式下有对应的适配

© 版本信息

• ProComponents 版本: 2.8.10
• umi 版本：4.6.23
• 浏览器环境: chrome 143.0.7499.194（正式版本） （64 位）
• 开发环境 [e.g. mac OS] windows

🚑 其他信息

[dosubot]

这是已知的样式适配盲点：左侧菜单的滚动条在暗色模式下没有自动适配主题色，原因是 ProComponents/Ant Design 默认没有针对暗色模式自适应滚动条颜色，导致滚动条在暗色背景下依然是白色或浅色（受全局 scrollbar-color: #eaeaea transparent; 影响）参考。

目前没有内置配置或 token 可以直接适配，需要手动覆盖滚动条样式。你可以通过全局 CSS 或者在 SiderMenu 组件的 stylish 属性里注入如下样式：

/* 只在暗色模式下生效，假设 body 有 dark class，可根据实际主题切换方式调整选择器 */
body.dark .ant-pro-sider {
  /* Firefox */
  scrollbar-color: #434343 #1f1f1f;
  scrollbar-width: thin;
}
/* Chrome/Edge/Safari */
body.dark .ant-pro-sider ::-webkit-scrollbar {
  width: 8px;
  background: #1f1f1f;
}
body.dark .ant-pro-sider ::-webkit-scrollbar-thumb {
  background: #434343;
  border-radius: 4px;
}
body.dark .ant-pro-sider ::-webkit-scrollbar-thumb:hover {
  background: #595959;
}

如果你用的是 CSS-in-JS，可以通过 stylish 或 menuContentRender 包裹自定义 class，然后写类似的样式覆盖。这样滚动条在暗色模式下会变成深色，观感更协调。

目前没有相关 issue 或文档提到左侧菜单滚动条的暗色适配，属于需要手动覆盖的场景参考。

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}