Dreamweaver Color Theme Editor 

by @inorganik

Edit your Dreamweaver code colors. Click a color to change it, or type in a hex value. Installation instructions, how to restore default colors and about are at the bottom.

Start with: Easy-transition-to-dark theme  |  Default theme  |  Upload and edit your own theme


  1. Backup your old colors:
    Mac: USERNAME/Library/Application Support/Adobe/Dreamweaver CSX/en-US/Configuration/CodeColoring/Colors.xml
    Win: C:\Users\USERNAME\AppData\Roaming\Adobe\Dreamweaver CSX\en_US\Configuration\CodeColoring
  2. Replace the old file with this one:
  3. Set background color to something different in Prefs > Code Coloring > Default background
    OR, restart Dreamweaver.

Upload and edit your theme

If you’d like to edit a theme you created, upload your Colors.xml file below.


Dreamweaver stores 212 color values, and 99% of them are repeats of eachother. This is because Dreamweaver assumes that for every different language of code you are editing, you will want a different code coloring scheme. This makes changing code colors incredibly tedious. This editor combines all the repeats into the 18 unique colors for you to edit. Then you can download an XML file that you just need to drop in place.

Unfortunately, Dreamweaver gets its cursor highlight color from system preferences, so you will need to change that there if you want to. (On Mac: Preferences > General > Highlight color). I find a yellow or green color works very well on both dark and light themes.

For the color pickers, this project uses JSColor by Jan Odvárko.

Restore default colors

If you want to restore default colors, just select the default theme, and follow the installation instructions.