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

Add Dark Mode Support to CSSUI #54

Open
Shreyhac opened this issue Oct 16, 2024 · 0 comments
Open

Add Dark Mode Support to CSSUI #54

Shreyhac opened this issue Oct 16, 2024 · 0 comments

Comments

@Shreyhac
Copy link

Currently, the CSSUI library provides a clean, modern design with light mode as the default theme. However, many users prefer dark mode for better accessibility, visual comfort, and energy savings on OLED displays. To enhance the user experience and extend the flexibility of the library, I propose adding an optional dark mode.

Toggle Option: Include a button or system preference detection to toggle between light and dark mode.
CSS Variables: Utilize CSS variables to define colors, ensuring easy customization and maintenance.
Smooth Transition: Ensure a smooth color transition when switching between modes for a better user experience.
Browser Compatibility: The dark mode should work seamlessly across all browsers currently supported by CSSUI (Edge 79+, Firefox 49+, Chrome 12+, and Safari 10+).
Accessibility Considerations: Ensure contrast ratios meet accessibility standards, especially for text and essential elements in dark mode.
Documentation Update: Add instructions to the documentation, explaining how to enable and customize dark mode for developers using the library.
Screenshot 2024-10-17 at 00 59 21

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