bobbigmac.github.io/scrollbar.css at master · bobbigmac/bobbigmac.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
:root {
	/* Firefox */
	--scrollbar-thumb: var(--cyan);
	--scrollbar-track: rgba(0, 0, 0, 0.25);
}

/* Scrollbar styling for the inner screen/content area */
.content {
	scrollbar-gutter: stable;

	/* Firefox */
	scrollbar-width: thin;
	scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* WebKit (Chromium/Safari) */
.content::-webkit-scrollbar {
	width: 12px;
	height: 12px;
}

.content::-webkit-scrollbar-track {
	background: var(--scrollbar-track);
	border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.content::-webkit-scrollbar-thumb {
	background: var(--scrollbar-thumb);
	border: 2px solid var(--scrollbar-track);
	border-radius: 10px;
}

.content::-webkit-scrollbar-thumb:hover {
	background: var(--light-green);
}

.content::-webkit-scrollbar-thumb:active {
	background: var(--yellow);
}

.content::-webkit-scrollbar-corner {
	background: var(--scrollbar-track);
}