ant-design Virtual List in Dark Mode lacking some contrast at the scrollbar

pbgvytdp  于 5个月前  发布在  其他
关注(0)|答案(6)|浏览(117)

https://ant.design/components/table?theme=dark#components-table-demo-virtual-list

Steps to reproduce

Seen in the dark mode, the scrollbar lacking some contrast. The scrollbar mostly invisible.

What is expected?

I want to see the scrollbar to be visible

What is actually happening?

The scrollbar mostly invisible.
| Environment | Info |
| ------------ | ------------ |
| antd | 5.14.2 |
| React | React 18.2.0 |
| System | Windows 11 |
| Browser | Version 120.0.6099.225 |

lvmkulzt

lvmkulzt1#

same problem in;
https://ant.design/components/select?theme=dark#select-demo-automatic-tokenization

o2g1uqev

o2g1uqev2#

same problem in:
https://ant.design/components/tree?theme=dark#components-tree-demo-virtual-scroll

https://ant.design/components/tree?theme=dark#components-tree-demo-big-data

6psbrbz9

6psbrbz93#

Maybe a light grey scrollbar looks better in dark mode?🤔

ubof19bj

ubof19bj4#

yes. maybe like the example
https://ant.design/components/date-picker?theme=dark#components-date-picker-demo-needconfirm

see the time scrollbar, a way better contrast i think

6pp0gazn

6pp0gazn5#

Has anybody found a workaround for this? Looks like it was fixed for <Tables> with PR #47487 in version 5.14.2 but not for the other components.

snvhrwxg

snvhrwxg6#

I think it a good idea to unified scrollbar to all components that use a scrollbar. Ant need some polish with a unified theme for the scrollbar.
see at the: [RFC] Design Token should support scrollbarColor、scrollbarWidth、scrollbarGutter #48117

相关问题