Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migrate from Custom Scrollbar Styles to Native Scrollbars with dark mode support and thin CSS Property #108

Open
hichemfantar opened this issue Dec 13, 2024 · 0 comments

Comments

@hichemfantar
Copy link

hichemfantar commented Dec 13, 2024

Currently, the expo project websites use custom scrollbar styles, which often lead to inconsistent appearance and behavior across different browsers. This impacts both the visual consistency and user experience, particularly in browsers with limited support for custom scrollbars like firefox and safari.

To address this, I propose switching to native browser scrollbars which are dark mode compatible and utilizing the CSS thin property to maintain a minimal and elegant design. This approach ensures better cross-browser compatibility and reduces maintenance complexity.

thin property: https://developer.mozilla.org/en-US/docs/Web/CSS/scrollbar-width#thin

this pr implements dark mode support for native scrollbars

chrome existing styles:
image

chrome with native scrollbar:
image

chrome with native scrollbar and thin property:
image

firefox existing styles:
image

firefox existing styles with thin property:
image

@hichemfantar hichemfantar changed the title Migrate from Custom Scrollbar Styles to Native Browser Scrollbars with thin CSS Property Migrate from Custom Scrollbar Styles to Native Browser Scrollbars with dark mode support and the thin CSS Property Dec 13, 2024
@hichemfantar hichemfantar changed the title Migrate from Custom Scrollbar Styles to Native Browser Scrollbars with dark mode support and the thin CSS Property Migrate from Custom Scrollbar Styles to Cross Browser compatible Scrollbars with dark mode support and thin CSS Property Dec 13, 2024
@hichemfantar hichemfantar changed the title Migrate from Custom Scrollbar Styles to Cross Browser compatible Scrollbars with dark mode support and thin CSS Property Migrate from Custom Scrollbar Styles to Native Scrollbars with dark mode support and thin CSS Property Dec 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant