How can I add a dark mode toggle in the Settings app? #58
Answered
by
IsmailBinMujeeb
Ziqian-Huang0607
asked this question in
Q&A
-
|
How can I add a dark mode toggle in the Settings app? |
Beta Was this translation helpful? Give feedback.
Answered by
IsmailBinMujeeb
Oct 3, 2025
Replies: 1 comment
-
|
To add a toggle: |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
Ziqian-Huang0607
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
To add a toggle:
1. In
src/app-components/settings.js, add a toggle button:javascript<br>import { useThemeContext } from '@/context/ThemeContext';<br>const Settings = () => {<br> const { theme, setTheme } = useThemeContext();<br> return (<br> <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}><br> Toggle {theme === 'light' ? 'Dark' : 'Light'} Mode<br> </button><br> );<br>};<br>2. Test with
npm run dev.3. Submit a pull request.