[FEATURE] Implement Dark Mode Theme Support.

[prashantrai-30]

Why do we need this improvement?

• Current Limitations ⚠️

  • Only light mode available
  • Difficult to use in low-light environments
  • Limited accessibility options

• User Feedback 👥

  • Frequent requests for dark mode
  • Reports of eye strain during night usage
  • Accessibility concerns from users

• Market Analysis 📊

  • Standard feature in competitor APIs
  • Present in major development tools
  • Growing user expectation

How will this change help?

• Solution Impact 🎯

  • System-level theme detection
  • Seamless mode switching
  • Persistent user preferences

• Direct Benefits ⚡

  • Reduced eye strain in low light
  • Better readability at night
  • Lower battery consumption on OLED displays

• Implementation Value 🔨

  • Standardized color variables
  • Consistent UI components
  • Future-proof theming system

• Business Metrics 📈

  • Increased user satisfaction
  • Better platform accessibility
  • Improved market competitiveness

Screenshots

No response

How could it be implemented/designed?

• Create theme context/provider
• Define CSS variables for theming
• Add theme toggle component
• Implement system theme detection
• Add local storage persistence
• Update existing components to use theme variables

🚧 Breaking changes

Yes

👀 Have you checked for similar open issues?

• [X] I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• [X] I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!

[github-actions[bot]]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[vishvamsinh28]

We already have an issue open for this and a PR for it also opened

[sambhavgupta0705]

closing this as duplicate