W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

Re: [csswg-drafts] [css-scrollbars][css-scrollbars-1] Can we simplify to two scroll-*-color properties?

From: Xidorn Quan via GitHub <sysbot+gh@w3.org>
Date: Tue, 26 Jun 2018 00:04:14 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-400133111-1529971453-sysbot+gh@w3.org>
I've implemented scrollbar color properties on Windows and macOS in Firefox, and so far there are only two properties necessary: `scrollbar-face-color` and `scrollbar-track-color`.

(Windows implementation has landed behind a pref, while macOS one is still pending on review.)

The following are screenshots from my implementation:
![Custom scrollbar colors on Windows](https://user-images.githubusercontent.com/333750/41881503-3607ebce-7927-11e8-8d76-4461f6698834.png)
![Custom scrollbar colors on macOS](https://user-images.githubusercontent.com/333750/41881506-37b82326-7927-11e8-89fe-689986e0993a.png)

The custom one are done with the following declarations:
```css
.custom {
  scrollbar-face-color: lightblue;
  scrollbar-track-color: azure;
}
```
```css
.custom {
  scrollbar-face-color: #2e4359;
  scrollbar-track-color: #1b2836;
}
```

This is simple to use and native to platforms.

I think we can remove everything else from the list at this point.

-- 
GitHub Notification of comment by upsuper
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1960#issuecomment-400133111 using your GitHub account
Received on Tuesday, 26 June 2018 00:04:17 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 04:02:46 UTC