Skip to content

Commit 4ac18a2

Browse files
woeoioKubaO
authored andcommitted
style: add dark mode scrollbar styles
1 parent adb1358 commit 4ac18a2

1 file changed

Lines changed: 35 additions & 0 deletions

File tree

docs/_sass/custom/custom.scss

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,38 @@
11
.site-logo {
22
padding-right: 3rem;
33
}
4+
5+
/* Dark mode scrollbar styles */
6+
html.dark-mode {
7+
/* WebKit browsers (Chrome, Safari, Edge) */
8+
::-webkit-scrollbar {
9+
width: 10px;
10+
height: 10px;
11+
}
12+
13+
::-webkit-scrollbar-track {
14+
background: #1a1a1a;
15+
}
16+
17+
::-webkit-scrollbar-thumb {
18+
background: #404040;
19+
border-radius: 5px;
20+
}
21+
22+
::-webkit-scrollbar-thumb:hover {
23+
background: #505050;
24+
}
25+
26+
::-webkit-scrollbar-corner {
27+
background: #1a1a1a;
28+
}
29+
}
30+
31+
/* Firefox scrollbar styles */
32+
@supports (scrollbar-width: thin) {
33+
html.dark-mode {
34+
scrollbar-color: #404040 #1a1a1a;
35+
scrollbar-width: thin;
36+
}
37+
}
38+

0 commit comments

Comments
 (0)