🌙 Feature Request: Dark Mode Support
Summary
Add a dark mode option to the Auto-Fill Tool UI to improve usability in low-light environments and reduce eye strain for users who prefer darker interfaces.
Problem / Motivation
Currently, the tool only supports a light theme. Many users work in low-light environments or simply prefer dark mode for comfort and reduced eye fatigue. Without this option, the tool can feel visually harsh during extended use.
Proposed Solution
- Add a dark/light mode toggle (e.g., a sun/moon icon in the navbar)
- Persist the user's theme preference using
localStorage so it's remembered across sessions
- Apply a dark color scheme via CSS variables or a
.dark class on the <body> element
- Ensure the toggle is accessible (keyboard-navigable and screen-reader friendly)
Expected Behavior
- User clicks the toggle → UI switches to dark mode
- On next visit, the previously selected theme is automatically applied
- All components (navbar, forms, buttons, modals) respect the active theme
Additional Context
Acceptance Criteria
🌙 Feature Request: Dark Mode Support
Summary
Add a dark mode option to the Auto-Fill Tool UI to improve usability in low-light environments and reduce eye strain for users who prefer darker interfaces.
Problem / Motivation
Currently, the tool only supports a light theme. Many users work in low-light environments or simply prefer dark mode for comfort and reduced eye fatigue. Without this option, the tool can feel visually harsh during extended use.
Proposed Solution
localStorageso it's remembered across sessions.darkclass on the<body>elementExpected Behavior
Additional Context
prefers-color-schemeas a default before the user sets a manual preferenceAcceptance Criteria
localStorage