Skip to content

# Feature Request: Add Dark Mode Support Across the Application #6990

Description

@sulagna-1

Feature Request: Add Dark Mode Support Across the Application

Summary

The application currently does not provide a dark mode option. Adding a consistent dark theme would improve accessibility, reduce eye strain, and enhance the overall user experience, especially for users who work in low-light environments or prefer dark interfaces.


Problem

At the moment, the UI is only optimized for a light appearance. Many modern applications provide both light and dark themes to improve usability and accessibility for different user preferences and environments.

The absence of dark mode may lead to:

  • Increased eye strain during prolonged usage
  • Reduced accessibility for users sensitive to bright interfaces
  • Lack of personalization and theme flexibility
  • Inconsistent experience compared to modern UI standards

Proposed Solution

Implement a centralized light/dark theming system across the application.

Suggested implementation ideas:

  • Add a theme toggle button
  • Use CSS variables or a global theme provider
  • Persist theme preference using localStorage
  • Optionally detect the user's system preference using:
    window.matchMedia("(prefers-color-scheme: dark)")

Willing to Contribute

I would be interested in contributing to the implementation of this feature if it is approved.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions