cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
5344Luc
New member
Status: New idea

Currently, DevTools' dark theme uses highly saturated syntax colors (bright cyan, magenta, green) against a near-black background. Over long debugging sessions this creates harsh contrast that causes eye strain, especially in low-light environments.

Suggestions:

  • Desaturated/muted syntax colors instead of neon cyan/magenta/green (similar to how VS Code's "One Dark Pro" tones down saturation while staying readable)
  • A "soft dark gray" background option (~#1e1e1e) as an alternative to true black, since pure black increases perceived contrast
  • Slightly increased line height/spacing in the JSON/object tree view for easier scanning
  • A few curated built-in theme presets (e.g., Solarized Dark, low-contrast) beyond just Light/Dark/Firefox default

Developers spend hours daily in DevTools — small ergonomic improvements here compound significantly over time, the same reason code editors offer many accessible theme choices.

5344Luc_0-1789091967655.png

 

1 Comment
Status changed to: New idea
Jon
Community Manager
Community Manager

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.