[Feature] Allow User To Toggle between light/dark mode

eduardconstantin / storybook-gpt

Storybook GPT is a web application for generating Storybook stories from React components using OpenAI API

https://storybook-gpt.vercel.app

MIT License

25 stars 17 forks source link

[Feature] Allow User To Toggle between light/dark mode #15

Closed KriteshTimsina closed 1 year ago

KriteshTimsina commented 1 year ago

Implemented Dark/Light Mode toggle button.

Features:

can toggle between dark and light mode
persist selected mode

Additional Libraries

next-themes (for toggling and persisting modes )
react-icons (for dark and light mode icons)

Screenshots

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
storybook-gpt	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 9, 2023 4:28am

eduardconstantin commented 1 year ago

This looks nice! But I think the buttons should be inverted - when is dark it should be sun and when is light it should be moon Also could you move the button next to github stars button? And make it a bit smaller.

KriteshTimsina commented 1 year ago

Got it !

KriteshTimsina commented 1 year ago

Issue #15 changes:

Show dark mode icon in light mode and vice-versa
positioned darkmode switch next to github icon
fixed switch not working on first click