Ideas

Improved Dark Mode Support

Improved Dark Mode Support

Mobile

Ministry brand colors don’t always translate well to dark mode in Rock Mobile. When those colors are automatically placed on darker backgrounds, like Onboarding, the default “primary” options can lose contrast and become hard to see. That’s not the experience we want for someone opening the app for the first time.

There are a few ways we could approach this. One option is to introduce a dedicated dark mode color scheme, where we explicitly define how primary and brand colors should translate in dark mode instead of relying on automatic inversion or reuse. This would give designers and developers control over contrast, accessibility, and visual hierarchy in dark contexts.

Also, .dark-mode support is either missing or hard to find in the current styling documentation. Making this class clearly documented and easy to discover would go a long way toward helping developers build components that are actually dark-mode aware.

IMG_0173.png

Photo of Jessica GorbettSubmitted by Jessica Gorbett, 9 Embers  ·   ·  Mobile
Login to add a comment...

Submission Success Tips

Cultivate your ideas for maximum impact with these helpful submission tips that will increase the chances of your brilliant concepts becoming reality.

  • Clear Title: Craft a straightforward and descriptive title that instantly conveys the essence of your idea.
  • Concise Description: Provide an idea description that is succinct, ensuring it effectively communicates the concept without unnecessary verbosity.
  • Provide Additional Details: With a concise description complete, now provide any other details that are needed to better understand the requirements.
  • Thorough Ministry Need Review: Provide a comprehensive overview of the ministry need your idea addresses, emphasizing its significance.
  • Cover the WHY: Clearly articulate the rationale behind your idea, explaining why it's essential and how it aligns with the organization's goals and mission. Oftentimes a clear "why" sheds light into other possible options.