当系统偏好暗色主题的时候，可以利用 @media (prefers-color-scheme: dark)设置其他元素的配色。
而浏览 github 的时候发现，最右侧的滚动条也变成了暗色模式。显然不是利用::webkit-scrollbar 实现的，会改变整个滚动条的形状。
而利用开发者工具在 css 里也没有 scroll 字样，可能有简单的实现方法但楼主没发现……
在 windows 上看，滚动条的样式变成了：原来的形状不变，只有配色变了。就像 win10 设置暗色模式后，打开命令提示符看到的那样。
v2ex 和 twitter 在 firefox 也做出了暗色滚动条，在 edge 上反而没有。也许是方法不一样。
而浏览 github 的时候发现，最右侧的滚动条也变成了暗色模式。显然不是利用::webkit-scrollbar 实现的，会改变整个滚动条的形状。
而利用开发者工具在 css 里也没有 scroll 字样，可能有简单的实现方法但楼主没发现……
在 windows 上看，滚动条的样式变成了：原来的形状不变，只有配色变了。就像 win10 设置暗色模式后，打开命令提示符看到的那样。
v2ex 和 twitter 在 firefox 也做出了暗色滚动条，在 edge 上反而没有。也许是方法不一样。
1
Select Language