custom-scrollbars.scss

/**
 * iOS Style Scrollbar
 */
::-webkit-scrollbar {
  width: 5px; /* Sets a thin width for the vertical scrollbar */
}

::-webkit-scrollbar-track {
  background-color: transparent; /* Mimics the overlay style */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3); /* Light, semi-transparent gray */
  border-radius: 2.5px; /* Rounded corners */
}

::-webkit-scrollbar-button {
  display: none; /* Hides the scrollbar buttons */
}



/**
 * Adroid Style Scrollbar
 */
::-webkit-scrollbar {
  width: 8px; /* Slightly wider than iOS */
}

::-webkit-scrollbar-track {
  background-color: transparent; /* For an overlay style */
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* Darker shade of gray */
  border-radius: 4px; /* Slightly rounded or rectangular */
}

::-webkit-scrollbar-button {
  display: none; /* Hides the scrollbar buttons */
}