Custom scrollbar (Styling scrollbar)

You just have to:

  1. Add this code to your project
1<style>
2/* For WebKit browsers (Chrome, Safari, Edge) */
3::-webkit-scrollbar {
4    width: 20px; /* Width of the scrollbar */
5}
6
7::-webkit-scrollbar-track {
8    background: #fbf9fc; /* Track color */
9    border-radius: 10px; /* Track border radius */
10}
11
12::-webkit-scrollbar-thumb {
13    background: #8f00ff; /* Scrollbar color */
14    border-radius: 10px; /* Thumb border radius */
15}
16
17::-webkit-scrollbar-thumb:hover {
18    background: #780ace; /* Thumb color on hover */
19}
20
21
22</style>