Kill Silly Dreamweaver Code Highlighting

Posted on Posted in Tips

Dreamweaver has gone mad. The highlighting makes it so hard to work in code view. I find the bracket selection to be a little annoying so i looked up some info and it’s a little complicated. Here are the steps I used to get rid of this:

From the menu Dreamweaver >> Preferences… >> Interface Select the light or dark theme based upon if you like a light background or black.¬† Click the ‘+’ sign to create a copy. I created one called ‘Matt”

Select your new theme. Click the pencil icon. This will launch the main.less file that controls the look in the code editor. CAUTION: be ready to undo in case you make a change that renders the code view in a way that you can’t see your .less code. It can be disorienting. Refrain from testing by turning values to #fff or #000, instead use #f60 (orange) so you can easily recover.

Here is the value for the bracket highlighting that I hate:

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
/* Ensure visibility against gray inline editor background */
background-color: #BE7126;
color: #fff;
}

Giving me this:

So I changed to:

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {
/* Ensure visibility against gray inline editor background */
background-color: transparent;
color: #fff;
}

So I now see this:

 

Edit other values accordingly. Best practice is to copy the entire class down below the comment¬†/* Custom code colors or overrides should start after this line */. I went commando because I know I hate that feature and I never want it back. Copy the code to a bak file so you know you can get back. Don’t edit the existing themes. Only edit the ones you create. Then you can always switch back.