You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Overview:
The dark/light theme toggle on tailwindcss.com is currently placed in the footer, making it easy to miss.
Users typically expect theme toggles near the top navigation bar for quick access.
Problem:
The theme toggle is not visible immediately when visiting the site.
Most users expect theme toggles to be located near the top navigation bar, next to documentation or GitHub links.
Having to scroll to the bottom each time makes it less accessible and slightly reduces UX fluidity, especially for frequent visitors who prefer a specific theme.
Suggestion:
Relocate the theme toggle to the header or top navigation area to make it more discoverable and accessible without scrolling.
Benefits:
Improves UX and accessibility
Aligns with standard placement used by other dev sites (Next.js, Vercel, React.dev)
Note:
I’d be happy to take this up as an issue and open a PR if the team agrees with the idea.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
Overview:
The dark/light theme toggle on tailwindcss.com is currently placed in the footer, making it easy to miss.
Users typically expect theme toggles near the top navigation bar for quick access.
Problem:
Suggestion:
Relocate the theme toggle to the header or top navigation area to make it more discoverable and accessible without scrolling.
Benefits:
Note:
I’d be happy to take this up as an issue and open a PR if the team agrees with the idea.
Beta Was this translation helpful? Give feedback.
All reactions