Feature Request: Dark Mode Toggle Button

[alwaysahustler]

Why do we need this improvement?

1.User Comfort and Flexibility: Providing a toggle button offers flexibility, allowing users to choose the mode that best suits their preferences and environmental conditions.

2. Reduced Eye Strain: : This feature supports the well-being of our users by offering a mode that can help alleviate these issues.

How will this change help?

As an enhancement to the current user interface, I propose the addition of a toggle button that allows users to switch between dark mode, light mode, and the system's preferred color scheme. This feature would provide users with the flexibility to choose their preferred viewing mode, improving accessibility and reducing eye strain, especially during extended periods of use.

Screenshots

No response

How could it be implemented/designed?

1. UI Design: Design the Toggle Button: Create a button in the user interface that allows users to switch between dark mode, light mode, and system preference. Placement: Position the button in a consistent and easily accessible location, such as the top-right corner of the navigation bar.

2. Backend Integration: Create an API endpoint to save and retrieve the user's theme preference. User Profile Update: When the user selects a theme, send an asynchronous request to update the user's profile with their preferred theme.

User Testing: Conduct user testing to ensure the feature works well for users with different accessibility needs.

🚧 Breaking changes

Yes

👀 Have you checked for similar open issues?

• [X] I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• [X] I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[github-actions[bot]]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[alwaysahustler]

If the contributors agree, I am prepared to start creating a detailed Figma design for the dark mode toggle feature. Once the design is reviewed and approved, I will begin the implementation as soon as the task is assigned.

[sambhavgupta0705]

https://github.com/asyncapi/website/issues/1269 If the previous contributor doesn't reply on the issue then we can reopen this one and you can start working on this after having discussions with maintainers

[alwaysahustler]

sure, I will start working after confirmation.