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

Question

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

Nancy OShea · Accepted Answer

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

BenPleysier · Answer

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.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded