How to add a custom gray scrollbar

erevan · 25-04-2018, 01:08 AM

Login to your ACP;
Select the theme you want to add it to;
Click "Edit HTML and CSS";
In the "CSS" tab, add to"custom.css":

Code:
::-webkit-scrollbar {
   width: 12px;
 }
 ::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   -webkit-border-radius: 1px;
   border-radius: 1px;
 }
 ::-webkit-scrollbar-thumb {
   -webkit-border-radius: 1px;
   border-radius: 1px;
   background: rgba(114,114,114,0.8); 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
 }
 ::-webkit-scrollbar-thumb:window-inactive {
 background: rgba(114,114,114,0.4); 
 }

mamali · 20-11-2020, 05:39 AM

i think that is very usefull for a dark theme forum - thanks bro

abyzoh · 07-07-2021, 12:18 PM

nice! for who wants the other color in scroll just need to change this part of code "(114,114,114,0.8)" and put the hex code of you color!

How to add a custom gray scrollbar

Submitted by erevan, 25-04-2018, 01:08 AM, Thread ID: 85952

RE: How to add a custom gray scrollbar

RE: How to add a custom gray scrollbar