Skip to content

fix(ui): improve dark mode toggle and form control colors#6

Merged
xsharp merged 3 commits intomainfrom
fix/dark-mode-toggle-colors
Mar 9, 2026
Merged

fix(ui): improve dark mode toggle and form control colors#6
xsharp merged 3 commits intomainfrom
fix/dark-mode-toggle-colors

Conversation

@xsharp
Copy link
Copy Markdown
Contributor

@xsharp xsharp commented Mar 9, 2026

Summary

  • Toggle on-state uses green-500 instead of primary-500 (which is neutral gray) in dark mode
  • Toggle off-state uses slate-600 with ring-1 ring-slate-400 border for visibility in dark mode
  • Replace native radio with custom component (unaffected by window focus state)
  • Unify all selected colors: slate-600 (light) / green-500 (dark) across toggles, radio, checkbox
  • Use accent-color CSS property for remaining native form controls
  • Optimize make run: use --no-bundle to skip DMG packaging for faster iteration

Test plan

  • Toggle on/off states clearly distinguishable in both light and dark mode
  • Radio button color consistent with toggle on-state color
  • Radio button color stays the same when window loses focus
  • make run builds faster (no DMG) and launches correctly

🤖 Generated with Claude Code

xsharp and others added 3 commits March 9, 2026 13:59
- Use green-500 for toggle on-state in dark mode (primary is neutral gray)
- Add ring outline for toggle off-state visibility in dark mode
- Unify radio/checkbox selected color to green-500 in dark mode

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
- Replace native radio with custom component (unaffected by window focus)
- Unify selected colors: slate-600 (light) / green-500 (dark)
- Use accent-color for remaining native form controls
- Optimize make run: use --no-bundle to skip DMG packaging

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@xsharp xsharp force-pushed the fix/dark-mode-toggle-colors branch from 148922d to 59cceec Compare March 9, 2026 05:59
@xsharp xsharp merged commit 737cdcf into main Mar 9, 2026
1 check passed
@xsharp xsharp deleted the fix/dark-mode-toggle-colors branch March 9, 2026 06:04
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

Successfully merging this pull request may close these issues.

1 participant