Scrollbar Color Support (Theme-colored scrollbars)

[gouthamkrishnakv]

Support for the scrollbar-color CSS Property which would let the browser color the scrollbar as per the application requirements.

Mozilla Firefox (since ver. 64) has supported this and the following browsers are implementing it presently in their present, next release or one of the future releases:

• Mozilla Firefox: Since version 64 (Partially Implemented, light and dark aren't working, but color scrollbars do).
• Chromium/Google Chrome: To be implemented (tracked feature status here, partial support with prefix -webkit-).
• Apple Safari: 15 Technical Preview (To be implemented, partial support with prefix -webkit-).
• Microsoft Edge: (same as Chrome/Chromium).

It's essentially 2 colors added using the scrollbar-color CSS Property (It's a kinda-trial, I'm not as well versed in how CSS works here, so forgive me for that):

html, body {
  scrollbar-color: $primary $secondary;
  /* first color is the thumb/scroller part,
     and the second is the scrollbar background
     part.
  */
}

MDN Documentation about scrollbar-color here.
CanIUse about scrollbar-color here.
CSSWG Draft on scrollbar-color here.