Feature Request: Add Dark Mode Support for Documentation Pages

Summary

The documentation pages currently support only a light theme. Adding a dark mode option would significantly improve readability, accessibility, and user experience, especially for users working in low-light environments.

Problem

• The current documentation UI uses only a light theme, which can cause eye strain during prolonged usage.
• Many modern developer tools and documentation sites provide dark mode as a standard feature.
• Lack of dark mode may reduce usability and accessibility for contributors and users.

Proposed Solution

Introduce a dark mode theme specifically for documentation pages with:

• A consistent dark color palette for:
  • Background
  • Sidebar
  • Header
  • Text
  • Links
  • Code blocks
  • Borders and hover states
• Proper contrast to ensure readability and accessibility.
• Optional theme toggle (light/dark) or system-based preference (prefers-color-scheme).

Scope of Changes

Potential areas to update:

• Documentation UI styles (CSS/Tailwind/Theme files)
• Sidebar and navigation components
• Code block styling
• Global theme configuration (if applicable)

Expected Benefits

• Improved developer experience and accessibility
• Better usability in low-light environments
• Alignment with modern documentation standards
• Enhanced visual consistency with other developer tools

Additional Context

A dark mode design proposal can be created to ensure the theme aligns with the project's visual identity and maintains readability across all documentation pages.

New Theme for the Website [ Docusurus ] #398