- From: Yaroslav Shalivskyy via GitHub <sysbot+gh@w3.org>
- Date: Thu, 16 Mar 2023 18:48:10 +0000
- To: public-css-archive@w3.org
yshalivskyy has just created a new issue for https://github.com/w3c/csswg-drafts: == [css-color-adjust-1] Root viewport non-overlay scrollbars should follow the user's preferred color scheme by default == Root viewport non-overlay scrollbars don't follow the user's preferred color scheme set using OS or browser appearance setting when the [CSS color-scheme](https://www.w3.org/TR/css-color-adjust-1/#propdef-color-scheme) property for a given container or [color-scheme meta tag](https://html.spec.whatwg.org/multipage/semantics.html#meta-color-scheme) is unspecified or set to normal (default). Many web pages don't specify the support for light/dark color schemes using CSS color-scheme property or color-scheme meta tag. In such a case, the used color scheme is light for scrollbars and other interactive UI elements despite the user preference set on the browser/OS level. The behavior creates a confusing experience for users who have selected dark mode as a preferred color scheme and expect interactive UI elements like scrollbars to follow their choice. The experience is particularly drastic for root non-overlay scrollbars, which always stay on the side of the page and are treated by users as a part of the browser UI. Example user feedback for [Edge](https://www.reddit.com/r/MicrosoftEdge/comments/inravn/suggestion_dark_theme_scrollbar_when_edge_is_in/) and [Chrome](https://www.reddit.com/r/chrome/comments/lz0778/any_way_to_remove_or_turn_dark_the_side_scrollbar/). I propose adjusting the calculation of the [used color scheme](https://www.w3.org/TR/css-color-adjust-1/#used-color-scheme) for the root non-overlay scrollbar to follow the user's preferred color scheme by default if a page author doesn't override user's preference by root CSS color-scheme property or meta tag. Effectively, nothing will change if the user's preferred color scheme is light. However, if the user's preferred color scheme is dark, the root scrollbar will follow the user's preference. Other scrollbars and elements will follow the existing logic for used color scheme calculation. Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8603 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 16 March 2023 18:48:12 UTC