ScrollBars

Linear Gradient

Scrollbars are based on your specific operating system, but it is possible to customize them within our web apps using CSS. I have a custom scrollbar on this web application.

💡

Add the following code to your globals.css file. Change the colors as necessary.

::-webkit-scrollbar {
    /* Track color */
    width: 11px;
    background-color: #894BC8;
}
      
::-webkit-scrollbar-thumb {
    /* Thumb color */
    border-radius: 1000px;
    background-color: #2CABB1;
    border: 2px solid #8045BB;
}
      
::-webkit-scrollbar-thumb:hover {
    /* Add a hover effect to the thumb. */
    background-color: #38D6DE;
}