- From: Alex Savelyev via GitHub <noreply@w3.org>
- Date: Thu, 15 Jan 2026 10:03:22 +0000
- To: public-css-archive@w3.org
But why system settings are such a priority?
A website isn't a system application. Many websites even create their own scrollbar, and that's fine.
So, system settings are **preferences** that a website can respect or not. Just like with the theme, fonts, animations, etc.
So, this property should have the options `auto` (`unset`?), `visible`, and `overlay`. The `system` option is unnecessary, since it's `auto` (_like, for example, the scrollbar color, which is determined automatically based on the theme_).
There should be a `media` query that specifies system preferences (sth like `@media (prefers-scrollbar-style: visible)` ). And if the website author _who uses scroll customization_ wants to, they can configure this property from the system preferences on the website. This is useful not only for the current property but also for custom scroll bars
```css
html,
html.scrollbar-overlay {
scrollbar-style: overlay;
}
.scrollbar-visible {
scrollbar-style: visible;
}
@media (prefers-scrollbar-style: visible) {
scrollbar-style: visible;
}
```
--
GitHub Notification of comment by alexdln
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/13218#issuecomment-3753898660 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 15 January 2026 10:03:23 UTC