[Feature Request] Ignore scrollbars in Edge (Windows 11 style)

Feature Request

Is this feature request related to a problem?

Since Edge introduced the new and improved Windows 11-style scrollbars, which automatically adjust to your browser theme, you no longer need to override the theme for these bars. Just enable edge://flags/#edge-overlay-scrollbars-win-style. If this flag is enabled, DarkReader should ignore scrollbars automatically.

Screenshots

Comparison of Edge light, Edge dark, and Edge + DR.

Additional Context

The “theme generation mode” is not affected by this issue, only the “classic” DR theme has this problem. The target audience is for anyone using Edge or other browsers that have added similar functionality.

The addition of:

::-webkit-scrollbar-thumb:hover
::-webkit-scrollbar-thumb
::-webkit-scrollbar
::-webkit-scrollbar-track

to IGNORE INLINE STYLE had no effect.

[boromyr]

I actually managed to disable scrollbars by commenting a few lines of code, my fork doesn’t change scrollbars in Edge. It seems strange to me that I can’t add a simple on / off option that doesn’t change the scrollbars globally.

[Gusted]

Because? Since the style is added by DR by logic, it might as well remove it.

Because we have no knowledge whatever the new scrollbar is being used.

Anyway, if you could point me to the file that inject the “::-webkit-scrollbar” styles, I’d be grateful.

https://github.com/darkreader/darkreader/blob/master/src/inject/dynamic-theme/modify-css.ts#L127