How do you adjust the color of the highlighting of paired tags? Dreamweaver CC 2017 on Mac

[mvgossman]

It's a useful feature, the automatic highlighting of paired tags when clicking on one of them in the code view of Dreamweaver CC 2017 on my Mac.

Unfortunately, the pale green highlighting color is very difficult to read with the white highlighted letters. I could change to a darker theme and they are more visible but I prefer the lighter background.

See image below.

Any way to change that highlighted paired tags color to something more suitable?

Nothing there under preferences that seems to fit or work.

I see you can create a custom interface under Preferences, and when creating a new custom interface it presents a new window "Main.less" which I'm suspect I can edit to set the highlighting color to whatever I want? Sorry, I'm very new to DW CC. Pretty new to html, too.

Mitch

[BenPleysier]

In the .less file, look for. Mine starts at line 236.

.CodeMirror-matchingbracket, .CodeMirror-matchingtag {

    /* Ensure visibility against gray inline editor background */

    background-color: #795d27;

    color: #fff!important;

}

For more info go to Learn how you can customize the colors of your code elements in Dreamweaver.

[Nancy OShea · Accepted solution]

Some Themes don't contain that matching-tag selector.   But you can add one to the very bottom of your custom theme's LESS file.   See post #39 below for details and screenshot.

Re: Enable code coloring in Dreamweaver CC 2017

[mvgossman]

Thanks, Nancy, perfect!!!! My eyes thank you.