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 #1409

Open
nidhi752 opened this issue Oct 16, 2024 · 3 comments
Open

add dark mode #1409

nidhi752 opened this issue Oct 16, 2024 · 3 comments

Comments

@nidhi752
Copy link

nidhi752 commented Oct 16, 2024

Adding dark mode will enhance the user interface.
Please assign this to me under hackoctoberfest'24

@cwarnermm
Copy link
Member

Hi @nidhi752 - Curious to know more about how you'd implement dark mode for the Mattermost Developer Documentation.

@nidhi752
Copy link
Author

nidhi752 commented Oct 17, 2024

@cwarnermm

Dark Mode Implementation

Description

This issue introduces a dark mode feature to the website. The dark mode allows users to switch between light and dark themes easily, with the preference saved using localStorage to ensure it persists across sessions.

Changes Made

  • HTML: Add a button for toggling between light and dark modes.
  • CSS: Create styles for both light and dark modes, with smooth transitions.
  • JavaScript: Implemente the logic to toggle dark mode and save user preferences using localStorage.

@cwarnermm
Copy link
Member

@nidhi752 - Given that the developer documentation site is generated using Hugo, are there Hugo-supported options available already that could be used rather than developing dark mode support from scratch?

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

2 participants