Skip to content

Add Dark Mode SupportΒ #117

Closed
Closed

Description

@mijinummi

🧠 Concept

Improve dashboard usability across environments.

⚠️ Problem

Many operators work in low-light environments.

πŸ“ Implementation Scope

  • apps/web/

βœ… Requirements

  • Theme toggle
  • Preference persistence
  • Accessible styling

🎯 Acceptance Criteria

  • Dark mode implemented
  • Preferences saved
  • Accessibility verified

Activity

  1. Fabr-i10 commented on Jun 15, 2026

    @Fabr-i10

    Proposed Solution
    To improve usability in low-light environments, I would implement a dark mode using the existing theming infrastructure already available in the project.
    The implementation would include:
    β€’ Adding a theme toggle (Light / Dark / System) in the dashboard UI.
    β€’ Persisting the selected theme in local storage so the preference remains after page reloads.
    β€’ Updating components that use hardcoded colors to rely on shared design tokens and support both themes.
    β€’ Verifying accessibility requirements such as color contrast, keyboard navigation, and readability.
    Expected Result
    β€’ Dark mode available throughout the application.
    β€’ User theme preference saved automatically.
    β€’ Accessible and consistent experience across all dashboard screens.

  2. iyanumajekodunmi756 commented on Jun 21, 2026

    @iyanumajekodunmi756

    Hi maintainer, I would love to work on this issue. I have studied the details of the issue description and I understood the requirements. I shall deliver with qualitative feedback and promptly

  3. grantfox-oss commented on Jun 21, 2026

    @grantfox-oss

    🦊 GrantFox β€” @Fabr-i10 has been assigned to this issue as part of the Official Campaign campaign!

    Next steps:

    1. Open a Pull Request referencing this issue (e.g., Closes #117)
    2. Your PR will be reviewed by the MD-Creative-Production maintainers

    Good luck! Track your progress on GrantFox.

  4. grantfox-oss commented on Jun 21, 2026

    @grantfox-oss

    🦊 GrantFox β€” @iyanumajekodunmi756 has been assigned to this issue as part of the Official Campaign campaign!

    Next steps:

    1. Open a Pull Request referencing this issue (e.g., Closes #117)
    2. Your PR will be reviewed by the MD-Creative-Production maintainers

    Good luck! Track your progress on GrantFox.

  5. oraimoitel commented on Aug 30, 2026

    @oraimoitel
    Contributor

    I have reviewed the requirements for this issue and am confident in delivering a clean, efficient solution.
    Technical Fit:Highly proficient in the required core languages and framework architecture.Experienced in handling similar codebase tasks and optimizations.

  6. grantfox-oss commented on Aug 30, 2026

    @grantfox-oss

    🦊 GrantFox β€” @oraimoitel has been assigned to this issue as part of the Third Campaign campaign!

    Next steps:

    1. Open a Pull Request referencing this issue (e.g., Closes #117)
    2. Your PR will be reviewed by the MD-Creative-Production maintainers

    Good luck! Track your progress on GrantFox.

  7. grantfox-oss commented on Aug 30, 2026

    @grantfox-oss

    πŸŽ‰ This issue has been marked as completed on GrantFox as part of the Third Campaign campaign!

    @oraimoitel's PR #227 was approved and merged by @mijinummi.

    πŸ† @oraimoitel: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (879 total points). Track your full progress on GrantFox.

    πŸ‘ Great work, @oraimoitel! Keep contributing to MD-Creative-Production.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

GrantFox OSSIssue tracked in GrantFox OSSMaybe RewardedIssue may be eligible for a GrantFox rewardThird CampaignCampaign: Third Campaign

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions