Scrollbar background is white in dark mode in MacOS

[chen-yingfa]

In MacOS, when using dark mode, the background of the scrollbar is white, but I believe it should be the same as the document background. As shown below.

[1943time]

The default color of the browser's scrollbar is black, and it will only change color when you move the mouse into the scrollbar area. Generally, the color of the scrollbar will not be manually adjusted because once the scrollbar color is set, it will not automatically disappear, which is determined by the browser's characteristics.

[chen-yingfa]

I am thinking about the background. It should be transparent as shown in the picture you posted. However, in my system, the background is white (while the background of the application is dark gray, which makes the scrollbar stand out. Moreover, in my system, the scroll does not disappear automatically.

[1943time]

Is the scrollbar of other software or browsers transparent in your system? Because the scroll bar has not been specially set, it should be consistent with the system scroll bar.

[chen-yingfa]

Strange, it is transparent other apps in my system (I checked at least Finder, Microsoft Edge, Obsidian, Mail, Terminal)

[1943time]

This is a bit difficult to solve. My Mac computer cannot reproduce it. I don't know the reason behind this.

[leookun]

Same problem with macos monterey

https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme

this css above solves that, bluestone-service was the same

html.dark{
color-scheme: dark;
}

mybe i can contribute a pull request

[1943time]

Same problem with macos monterey

https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme

this css above solves that, bluestone-service was the same

html.dark{
color-scheme: dark;
}

mybe i can contribute a pull request

Okay, if you don't submit, I will add it to the next version