Dreamweaver

Customize code coloring preferences for a template

Code color preferences control the text, background color, and style attributes of the text displayed in Code view. You can set your own color scheme so you can easily distinguish template regions when you view a document in Code view.

  1. Select Edit > Preferences (Windows) or Dreamweaver > Preferences (Macintosh).
  2. Select Code Coloring from the category list on the left.
  3. Select HTML from the Document Type list, then click the Edit Coloring Scheme button.
  4. In the Styles For list select Template Tags.
  5. Set color, background color, and style attributes for the Code view text by doing the following:

    • If you want to change the text color, in the Text Color box type the hexadecimal value for the color you want to apply to the selected text, or use the color picker to select a color to apply to the text. Do the same in the Background field to add or change an existing background color for the selected text.

    • If you want to add a style attribute to the selected code, click the B (bold), I (italic), or U (underline) buttons to set the desired format.

  6. Click OK.
    Note: If you want to make global changes, you can edit the source file that stores your preferences. This is located at C:\Documents and Settings\%username%\Application Data\Adobe\Dreamweaver 9\Configuration\CodeColoring\Colors.xml (Windows).