[SOLVED] Custom scrollbar style for webkit browser

[Tim Curtis]

The sbw approach is doable.

@bitlab, for the Firefox case do you mean like below?

Code:

/* Use custom scroll bars for desktop monitors */
@media (pointer: fine) {
   .custom-scrollbars ::-webkit-scrollbar {
       width: 10px;
   }

   .custom-scrollbars ::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
       border-radius: 10px;
   }

   .custom-scrollbars ::-webkit-scrollbar-thumb {
       border-radius: 10px;
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.25);
       background-color: var(--textvariant);
        opacity:.25;
   }

    /* Firefox */
    * {
        .custom-scrollbars scrollbar-width: thin;
        .custom-scrollbars scrollbar-color: auto;
    }
}