Skip to content

Instantly share code, notes, and snippets.

@jeremy0x

jeremy0x/custom-scrollbar.css

Last active March 6, 2024 11:27
Show Gist options
  • Save jeremy0x/bb39e940bf1463c4e477818eb2493b52 to your computer and use it in GitHub Desktop.
Save jeremy0x/bb39e940bf1463c4e477818eb2493b52 to your computer and use it in GitHub Desktop.
Download ZIP
Custom Scrollbar Snippet
Raw
custom-scrollbar.css
:root {
--scrollbar-bg-color: #f1f1f1;
--scrollbar-thumb-bg-color: #888;
--scrollbar-thumb-hover-color: #555;
--scrollbar-thumb-active-color: #000;
--scrollbar-border-radius: 10px;
}
*::-webkit-scrollbar {
width: 4px;
height: 4px;
background-color: var(--scrollbar-bg-color);
}
*::-webkit-scrollbar-thumb {
border-radius: var(--scrollbar-border-radius);
background-color: var(--scrollbar-thumb-bg-color);
}
*::-webkit-scrollbar-thumb:hover {
background-color: var(--scrollbar-thumb-hover-color);
}
*::-webkit-scrollbar-thumb:active {
background-color: var(--scrollbar-thumb-active-color);
}
@CodeThiefX
Copy link

This Code of yours has been successfully stolen by ME! Why? Check my Username, But I'm not an ingrate, so check the last line

  • Thank You!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment