CSS Scrollbar Generator

Width: 10px

Thumb Radius: 5px

Track Color

Thumb Color

Thumb Hover Color

Preview (scroll to test)

Scrollable content line 1

Scrollable content line 2

Scrollable content line 3

Scrollable content line 4

Scrollable content line 5

Scrollable content line 6

Scrollable content line 7

Scrollable content line 8

Scrollable content line 9

Scrollable content line 10

Scrollable content line 11

Scrollable content line 12

Scrollable content line 13

Scrollable content line 14

Scrollable content line 15

Scrollable content line 16

Scrollable content line 17

Scrollable content line 18

Scrollable content line 19

Scrollable content line 20

CSS Code

/* WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #1a1a2e;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb {
  background: #06b6d4;
  border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0891b2;
}

/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #06b6d4 #1a1a2e;
}