The Writers Program website currently lacks dark/light mode support, which is a modern expectation for accessibility and user experience. A toggle should be implemented to allow users to switch between modes, with colors that maintain strong contrast ratios and readability.

Expectations & Considerations:

• Implement dark/light mode using Tailwind CSS (dark: variants).
• Add a theme toggle button in the Navbar (or globally accessible).
• Ensure the toggle state persists across sessions (e.g., localStorage or next-themes).
• Use UI libraries (shadcn/ui or Radix UI) for accessible and modern toggle components.
• Ensure both modes follow Keploy brand colors but adapt contrast for readability.
• Test across all key pages (home, writers page, future pages, if any).

Acceptance Criteria:

• Toggle button is visible and accessible.
• Dark and light modes switch seamlessly across the app.
• Mode persists across page reloads and navigation.
• Text, background, and components have proper contrast in both modes.
• Components from UI libraries integrate without breaking the theme.

Links:

• Writers Program Website: https://writers.keploy.io/
• Writers Program Website Repo: https://github.com/keploy/writers-program
• Tailwind Dark Mode Docs: https://tailwindcss.com/docs/dark-mode