Possible to pass a color and a box shadow to the scrollbar track?

[BenjaminHoefer]

Hi! I am just wondering if it is possible to give the scrollbar track a specific color and a box shadow since there has not been a parameter to pass a shadow. I am trying it right now but I could not fix my issue yet.

[KingSora]

@BenjaminHoefer Good day :)

Besides the css custom properties, you can pass add almost any style to the scrollbar, scrollbar-track or scrollbar-handle.
For example you could do this:

.os-scrollbar > .os-scrollbar-track {
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.75);
}

or if you need to apply different styles per scrollbar you can do:

.os-scrollbar-horizontal > .os-scrollbar-track {
  box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.75);
}

.os-scrollbar-vertical > .os-scrollbar-track {
  box-shadow: -5px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

Here is a small example: https://stackblitz.com/edit/overlayscrollbars-xfyops?file=styles.css

[BenjaminHoefer]

Wow! Thank you for this super fast reply. It works great. I just used the classes the wrong way... Keep up the great work!

[KingSora]

@BenjaminHoefer youre welcome :)

Please click on the mark as answer button below previous response so the Discussion is marked as Answered