Custom Colored Dreamweaver Code

I work for a marketing company that has a lot of back-end php developers and lets face it, these guys & girls are serious. Thats all they do, code all day. Me being a web designer, I only focus on front-end coding like css / html but also work in Photoshop, so I’m not always coding. But as I walk around the office they all had some pretty sweet looking code with neon colors and what not. I was like a kid in a candy store, I needed it!

I got back to my desk and started Googling, and let me tell you, it was tough finding an easy solution. I knew that I could go into my preferences and change each specific type of code color myself, but I knew that would take forever and I needed it right then. Eventually, I came across a site that provided an XML file that I could replace in my default Dreamweaver files, restart and it was good to go. Luckily it was the color scheme I wanted. I’ll share the file with you guys as well as the steps to install it. Enjoy!

The following steps are for installing on a Mac although I would assume the installation on a PC would be similar. Please be sure to backup your old file, we are not responsible for anything that happens to your application.

1. Quit Dreamweaver and download the file here.
2. Navigate to Application Support > Dreamweaver CS4 > en_US > Configuration > CodeColoring
3. Inisde of this file is a Colors.xml file, rename this to Colors-old.xml so you have a backup
4. Paste the downloaded Colors.xml into this folder
5. Open Dreamweaver and go to Preferences > Code Coloring and set your background to #242424