IP.Board Tutorials

How to add a custom gray scrollbar

Submitted by erevan, , Thread ID: 85952

Thread Closed
erevan
Newbie
Level:
0
Reputation:
0
Posts:
19
Likes:
1
Credits:
6
25-04-2018, 01:08 AM
#1
  • 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);
}

RE: How to add a custom gray scrollbar

mamali
Novice
Level:
0
Reputation:
0
Posts:
21
Likes:
0
Credits:
1
20-11-2020, 05:39 AM
#2
i think that is very usefull for a dark theme forum - thanks bro

RE: How to add a custom gray scrollbar

abyzoh
Novice
Level:
1
Reputation:
0
Posts:
21
Likes:
0
Credits:
5
07-07-2021, 12:18 PM
#3
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!

Users browsing this thread: 1 Guest(s)