Skip to content

Dark Mode & Dynamic Theming (System Sync) #149

@Cedarich

Description

@Cedarich

Labels: Mobile, UI-UX, v2
Complexity: 100 points
Branch: feat/mobile-dark-mode
Summary
Implement full support for Dark Mode and allow the app theme to sync automatically with the user's system settings.

Tasks

  • Audit all components for hardcoded colors and replace with theme variables.
  • Implement useColorScheme from React Native to detect system theme.
  • Add a "Theme" selector in settings (Light, Dark, System).
  • Ensure all charts and QR codes remain readable in dark mode.

Acceptance Criteria

  • App looks professional and readable in both light and dark modes.
  • Theme transitions are smooth and don't require an app restart.
  • PR includes side-by-side screenshots of key screens in both themes.

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions