Feat : custom scrollbar

[rahilansari261]

Hello @ArslanYM @masif2002
As this issue #233 metioned the default scroll bar not looking good.
so i am trying to make a custom one.

and i already added a custom scrollbar in #236 here.
images are attatched below in light and dark mode.

Before in light mode

Before in dark mode

After in light mode

After in dark mode

i need your suggestions.

[masif2002]

@rahilansari261 Great work 🚀

Here are my suggestions:

1. The horizontal scrollbar looks fat. I think you could reduce the height
2. I would prefer the track for the vertical scrollbar to be transparent (instead of light grey). If you make this change, also make sure to change the color of the scrollbar in dark mode to something bright

[rahilansari261]

@rahilansari261 Great work 🚀

Here are my suggestions:

1. The horizontal scrollbar looks fat. I think you could reduce the height
2. I would prefer the track for the vertical scrollbar to be transparent (instead of light grey). If you make this change, also make sure to change the color of the scrollbar in dark mode to something bright

Noted 👍🏼
@ArslanYM anything you wanna add?

[ArslanYM]

Keep the scroll bar width low as well. That would be all.

[rahilansari261]

struggling with dark mode since it is created with react context provider not from the tailwind suggests i think i need more time to fix it
any help or suggestions would be appreciated 🙏🏼

[masif2002]

Vertical scroll bar is not working in dark mode i added the background colour to transparent but it shows the white colour You can see here

If transparent is not working, can we make the background of the scrollbar to be black in dark mode?

[rahilansari261]

I tried that but i didn't get access to the dark class

[rahilansari261]

@masif2002 can you take this issue
I'm busy these days as well

[masif2002]

Sure.. Please assign me @ArslanYM

[ArslanYM]

You can start working on it brother.