Dark mode missing

[ricardo-reis-1970]

Problem

As a visually impaired user, I would very much like to have a dark mode option. For people like me, this new trend of "whitewashing" backgrounds is physically offensive (as in painful), not to mention that it prevents actually seeing whatever.

My whole Chrome Dev Tools is in dark mode and all other extensions are just happy to comply. If this could follow suit, that would be great.

I tried getting into the many scss files but this approach feels hacky and wrong.

Solution

I think a good solution would be either to inherit from the default Dev Tools style, or to make available an alternate style sheet configured for dark mode. This could be in an alternate branch (requiring rebuild / reapply config edits, etc.) or an extension slider / button / checkbox feature.

Additional information

No response

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to implement this feature!

[garrettlchow]

Great news! As of Reactime 26.0, we've added full dark mode support to address exactly this accessibility concern. The extension now automatically syncs with your Chrome DevTools theme preferences.

To ensure you're using the version with dark mode:

1. Make sure you have the latest version of Reactime from the Chrome Web Store
2. Your Chrome DevTools should be in dark mode (Settings → Preferences → Theme → Dark)
3. Reactime will automatically match your DevTools theme

Thank you for bringing up this important accessibility issue. Making Reactime accessible to all users is a priority for us. If you experience any issues with the dark mode implementation or have other accessibility suggestions, please don't hesitate to let us know.

Closing as implemented ✓