Skip to content

feat: add dark mode toggle with system preference detection #613

@Nareshkumawat-star

Description

@Nareshkumawat-star

Feature Request

DevCard currently has no dark mode support. Most users expect apps to respect their OS-level dark/light preference and provide a manual override.

Proposed Solution

  • Detect prefers-color-scheme on load and apply appropriate theme
  • Add a sun/moon toggle button in the header/settings screen
  • Persist user preference in AsyncStorage (mobile) and localStorage (web)
  • Apply dark theme CSS variables / React Native StyleSheet overrides

Affected Platforms

  • Web
  • Mobile (React Native)

Acceptance Criteria

  • Dark mode activates automatically based on OS preference
  • Toggle persists across sessions
  • All screens render correctly in dark mode

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    Status
    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions