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

Background color
Comments
Text, JavaScript functions and variables
HTML <tag>, CSS property, JavaScript bracket, keywords, PHP superglobals.
HTML attribute values, JavaScript string, operators, SVG number
PHP variables
CSS import, HTML <table>, JavaScript native function
HTML anchor, CSS string, PHP keywords, XML string
Java Implicit
PHP constant
HTML script, CSS Media query
SVG tag group
SVG Tag
HTML <img>, style
CSS selector
PHP string
PHP script block
PHP numbers, JavaScript numbers & Spry classes
HTML form, PHP comment, SVG attribute

Installation

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
Replace the old file with this one:
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.

About

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.