Feature Request: Add a Theme Toggler for the Docs

[KhanjarSingh]

URL: v0.app/docs/introduction

✨ Overview

The documentation site would benefit from a theme toggler (Light/Dark mode) to enhance user experience and give the interface a more polished and modern appearance.

🎯 Why

• Easier reading experience in low-light environments
• Reduces eye strain for users browsing at night
• Aligns with modern documentation standards
• Adds a professional and visually balanced UI

💡 Proposed Solution

• Add a visible toggle (sun/moon icon or switch) in the top-right corner of the docs.
• Support Light, Dark, and optionally System (auto) modes.
• Save user preference using local storage.
• Use CSS variables or a theming system for dynamic color switching.
• Ensure code blocks, links, and all UI components stay readable across both themes.
• Add a smooth transition effect when switching themes for a refined, polished look.

🧩 Technical Suggestions

• Detect system preference with prefers-color-scheme.
• Apply a .dark class to the root or body element to toggle themes.
• Maintain accessibility standards (contrast ratio, focus outlines, etc.).

✅ Expected Outcome

A modern, user-friendly documentation interface with seamless theme switching that improves accessibility, comfort, and overall design consistency.

[KhanjarSingh]

Hey can i work on this and implement this to the website?

[KhanjarSingh]

@ctate can u please review and assign this issue to me. So i can work on this?

[crazylogic03]

@ctate You can Check out my profile and assign this issue to me !!

[ctate]

Hi @KhanjarSingh @crazylogic03 - great catch. Docs are hosted in a separate repo. I passed this along to the team and will let you know once it's been added.

[KhanjarSingh]

@ctate hey can I work on this I want to contribute.So can I implement this feature to the webpage?