Add a Theme Toggler (Light/Dark Mode) for the Turborepo Documentation Website #11065
Closed
KhanjarSingh
started this conversation in
Ideas
Replies: 2 comments
-
|
It's in the footer, and, on mobile, in the hamburger menu. |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
@anthonyshew shall i move it on the header cuz no one will see footer in an instant? |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Goals
Short list of the problems that the feature request aims to address.
Non-goals
Short list of what the feature request does not aim to address.
Background
Discuss prior art and provide context around your idea. Why do you think this feature is needed? Are there current alternatives?
Currently, the Turborepo documentation site
uses a fixed theme with no option for light/dark mode switching. Many developer-oriented sites (such as Next.js Docs, TailwindCSS Docs, and Vercel Docs) provide a theme toggler, allowing users to choose their preferred visual mode.
Having a theme toggler improves accessibility, enhances user experience, and ensures consistent UI design across the Vercel product ecosystem.
There is no native workaround available right now for users who prefer dark mode when browsing the documentation.
Proposal
How should this feature be implemented? Are you interested in contributing?
Implement a simple theme toggler button in the top navigation bar or sidebar.
Use next-themes or a similar lightweight library to manage light/dark theme persistence via local storage.
Follow Vercel’s design guidelines for visual consistency.
Add smooth transition effects for better UX when switching themes.
Example (conceptual implementation in React/Next.js)
Beta Was this translation helpful? Give feedback.
All reactions