[SOLVED] Custom scrollbar style for webkit browser

[bitlab]

Found and easy way to enable the media query (thanks to https://stackoverflow.com/questions/3960...y/39611257)[url=https://stackoverflow.com/questions/39609789/can-i-change-the-media-query-using-javascript-jquery/39611257][/url]

Updated css:

Code:

@media (pointer: fine) {
   .noosx ::-webkit-scrollbar {
        width: 12px;
        -webkit-appearance:slider-vertical;
   }
   
   .noosx ::-webkit-scrollbar-track {
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
       border-radius: 10px;
   }
   
   .noosx ::-webkit-scrollbar-thumb {
       border-radius: 10px;
       -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background:rgba(var(--textvariant),0.25) !important;        
   }
}

Code required in js to enable it:

Code:

$("body").addClass("noosx")

Now only find a way to detect OS X in javascript.