Change ScrollBar color

Dashboard Designer
#1

Hello Helical Insight,

I am having a dark themed dashboard. The default scrollbar is not visible. Is there a way to change the scrollbar color?

Thank You,
Snow.

#2

Hello Snow,

You can change the scrollbar color using CSS in the dashboard designer. Below is a sample CSS for your reference. On the same lines you can add your own CSS.

/ Works on Firefox /

* {

scrollbar-width: thin;

scrollbar-color: blue orange;

}

/ Works on Chrome, Edge, and Safari /

*::-webkit-scrollbar {

width: 12px;

}

*::-webkit-scrollbar-track {

background: orange;

}

*::-webkit-scrollbar-thumb {

background-color: blue;

border-radius: 20px;

border: 3px solid orange;

}

image

Thank You,
Helical Insight.