feat: add light theme#1
Conversation
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 4344c09dc9
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
| alt="" | ||
| aria-hidden |
There was a problem hiding this comment.
Give the light logo an accessible name
When the light theme is active, theme-light.css hides .seerr-logo-dark and shows .seerr-logo-light; this second image is rendered with alt="" and aria-hidden, so the sidebar home links that consist only of the logo have no accessible name for screen-reader users. In that light-theme scenario, expose the same alt text on the visible logo instead of hiding it from assistive tech.
Useful? React with 👍 / 👎.
Description
Adds a basic light theme with a toggle in the user menu.
The selected theme is saved in localStorage instead of user settings. This allows per-device flexibility that accessibility requiring users might desire. The argument for maintaining light mode is that users with visual impairments depend on and expect an experience consistent with other websites because they've tuned their accessibility settings to help with websites that are typically in light mode. See seerr-team#1793
I also added light versions of the Seerr wordmark logos so they stay readable on light backgrounds without changing the icon colors.
How Has This Been Tested?
pnpm lintpnpm i18n:extractpnpm buildpnpm testScreenshots / Logs (if applicable)
N/A
Checklist:
pnpm buildpnpm i18n:extractAI disclosure: I used AI to help implement and test this change, then reviewed the changes myself.