Skip to main content
Inspiring
June 13, 2021
Answered

Custom code themes in Dreamweaver 2019

  • June 13, 2021
  • 1 reply
  • 483 views

Hi everyone,

 

I’m trying to create a custom code theme (version CC2019), but not having any luck.

 

Per the instructions found on this page ( https://helpx.adobe.com/dreamweaver/using/customize-code-coloring.html#Token-inspector ), I created a new code theme based on an existing theme and renamed it. custom-light.


Instructions

Now that you know the selectors that you need to edit, make the changes to the main.less file.

Go to the end of the file until you see the following comment:

/* Custom code colors or overrides should start after this line */

 

Type in the selectors for the code elements whose colors you want to edit. Use syntax similar to the following example:

.cm-tag {color: #00D0D0; }

 

I’ve done just this, but the colors will not change.

 

I’ve included a pic. with the hope that helps.

 

Any help would be appreciated.

 

Thanks.

 

Mark

This topic has been closed for replies.
Correct answer Nancy OShea

Save & close the less CSS file.

Go back to Preferences and select the newly edited code color theme and hit the blue Apply button.

On some systems, you may need to restart DW, too.

 

 

 

1 reply

Nancy OShea
Nancy OSheaCorrect answer
Brainiac
June 13, 2021

Save & close the less CSS file.

Go back to Preferences and select the newly edited code color theme and hit the blue Apply button.

On some systems, you may need to restart DW, too.

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
Inspiring
June 18, 2021

Hi Nancy,

 

Sorry for the delay in responding.

 

Hitting the Apply button solved the problem, and you only have to do it once. Now, whenever I change the colors and save the file, the changes are reflected immediately.

 

Thanks so much for your help.

 

Mark