payloadcms / payloadcms/website
UI Enhancement: Improve Theme Selector Dropdown Design
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 634
- Forks
- 195
- Avg merge
- 11h 43m
- Merged PRs (30d)
- 17
Description
Description
The current design of the theme selector dropdown appears outdated and visually unappealing. The dropdown styling, including its layout, font,
and background color, lacks modern aesthetic appeal and does not align well with contemporary UI/UX standards. Suggestions for improvement
screenshot !
include:
Use of rounded corners and subtle shadows for a modern look
Enhanced hover and selection effects
Better alignment and padding within the dropdown options
Improved contrast for better readability
Consistent theming to match the overall application design
Addressing these design concerns will significantly improve the user experience and visual appeal
BROWSER : Brave
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No file or test is named. Start by locating the theme selector dropdown in the website UI and compare its current styling with the attached screenshot and the surrounding application design. Done means the dropdown has improved spacing, contrast, rounded corners, shadows, hover and selection states, and consistent theming.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, react, typescript
- Domain
- design, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100