Add dark mode toggle to settings #7

2026-09-16T10:49:13Z

zaphostingpreview commented

2026-09-16 10:49:13 +00:00

Implements a useDarkMode hook and wires it into the Settings > Appearance page.

Closes #2

Implements a `useDarkMode` hook and wires it into the Settings > Appearance page. Closes #2

zaphostingpreview added 2 commits 2026-09-16 10:49:13 +00:00

Add useDarkMode hook 6bca6eeb29

Document dark mode toggle fca7f8cf1b

zaphostingpreview added 1 commit 2026-09-16 10:49:13 +00:00

Document dark mode toggle fca7f8cf1b

release-bot reviewed

2026-09-16 10:49:42 +00:00

release-bot left a comment

First-time contributor

Looks good overall, left one inline note.

src/hooks/useDarkMode.ts

						
				@@ -0,0 +3,4 @@

				export function useDarkMode() {

				  const [enabled, setEnabled] = useState(() => {

				    if (typeof window === "undefined") return false;

				    return localStorage.getItem("theme") === "dark";

release-bot commented

2026-09-16 10:49:42 +00:00

First-time contributor

Consider using matchMedia to respect the OS preference as the initial default.

Consider using `matchMedia` to respect the OS preference as the initial default.

release-bot commented

2026-09-16 10:49:43 +00:00

First-time contributor

@zaphostingpreview can you take a look at this one, seems related to the deploy pipeline?

zaphostingpreview self-assigned this 2026-09-16 10:49:43 +00:00

release-bot reviewed

2026-09-16 10:53:05 +00:00

release-bot left a comment

First-time contributor

@zaphostingpreview one more nit, see inline.

This pull request doesn't have enough required approvals yet. 0 of 1 official approvals granted.

You are not authorized to merge this pull request.

This branch is out-of-date with the base branch

View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.

git fetch -u origin feature/dark-mode-toggle:feature/dark-mode-toggle

git checkout feature/dark-mode-toggle

Sign in to join this conversation.

2 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: zaphostingpreview/zapx-panel#7