There is a feature to change text coloring scheme (in Help > Preferences).

Unfortunately, on my work monitor, it would render variable names too dark, therefore nearly invisible. Also, highlighting Visualforce tags has the color somewhat similar to tags themselves, which reduces visibility.

It looks like the same pain point exists on all dark themes.

3 Answers 3


I've used Stylebot Chrome extension to override default CSS. There may have been a method in earlier Chrome versions to use user supplied stylesheets, but apparently it is now gone.

Import the following style into Stylebot:

.CodeMirror-matchingbracket {
    background-color: #80E85C;
.CodeMirror-matchingtag {
    background: rgba(255,00,0,.3);
    color: #9B9BDA;
    color: #9B9BDA;

Also set the matching URL to *.salesforce.com/_ui/common/apex/debug/ApexCSIPage

Note that this style will not work well if you are using white background themes.

It also makes selected matching open braces to highlight in brighter color.

  • Works pretty nice with themes for Chrome developer tools, a.i. this
    – dzh
    Jun 10, 2015 at 22:32

You can use the Salesforce Force.com Developer Console Dark theme on Chrome if you have the Stylish extension installed.

Disclaimer: I'm the author of that theme.


I know this is not the answer you are looking for but: Stop using the developer console and move to visual studio code, SO MUCH BETTER! (and it works 100% without SalesforceDX, just deploy and retrieve).

  • 1
    I've moved to IntelliJ/IC2 long time ago. Would love a definitive comparison with VSCode. AFAIK VSCode has better lwc support, but IC2 leads aura, apex and vf.
    – dzh
    Jun 16, 2019 at 11:10

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .