Mini CSS Scrollbar

scrollbar.css

/* Apply custom scrollbar styles */
#content-list::-webkit-scrollbar {
    width: 6px; /* Width of the scrollbar */
}

#content-list::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3); /* Color of the scrollbar thumb */
    border-radius: 3px; /* Round edges for the scrollbar */
}

#content-list::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.5); /* Thumb hover effect */
}

#content-list::-webkit-scrollbar-track {
    background-color: transparent; /* Track background */
}

/* Firefox-specific scrollbar */
#content-list {
    scrollbar-width: thin; /* Use a thin scrollbar */
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent; /* Thumb and track colors */
}