forked from snxraven/ravenscott-blog
custom scrollbar
This commit is contained in:
parent
4be73a8a3b
commit
d563cd91f8
@ -201,4 +201,22 @@ footer {
|
|||||||
background-color: #42484a;
|
background-color: #42484a;
|
||||||
border-color: #42484a;
|
border-color: #42484a;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Custom Scrollbar for WebKit (Chrome, Safari) */
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 8px; /* Width of the entire scrollbar */
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background-color: #42484a; /* Color of the scrollbar handle */
|
||||||
|
border-radius: 10px; /* Roundness of the handle */
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background-color: #333; /* Handle color on hover */
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background-color: #121212; /* Color of the scrollbar background/track */
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user