Modifying Sublime Text Color Scheme

I use Sublime Text 2 all day long and have been for quite a while now. It was time I changed the color scheme to how I like it.  Lots of guys like dark themes, but I’ve always been a light theme guy and so I use the Mac Classic theme. There’s one thing I don’t like about it, the grey background of HTML code.

A similar theme to Mac Classic is IDLE, which comes with Sublime Text out of the box.  It does not have the shaded HTML background setting, but I happen to like Mac Classic’s colors better.

First a little background.  To install a new theme you can either download the .ZIP from the theme’s GitHub repository and copy the unzipped theme to your Sublime Text Packages folder, or you could use the Package Manager Plugin as shown below.  Either way you’ll probably need to complete the process by updating your Preferences.sublime-settings file under Preferences -> Settings – User.

While on the subject of theme selection you can add a User Syntax-Specific Settings file like I temporarily did for my Rails html.erb files.  With a Syntax-Specific Settings file you can specify a different theme for different file types in Sublime Text. That’s pretty cool.

We’re sticking with our Mac Classic theme and are simply changing the shaded HTML background color to white.  We start by loading up the Mac Classic.tmTheme file. In Linux that’s located in

~/.config/sublime-text-2/Packages/Color Scheme – Default

Background, background…  Here’s something. Embedded source and Embedded embedded source.

Interestingly we’re working with ARGB color hex values. Rather than dig into ARGB I changed the values to RGB #FFFFFF.  I suppose I could have removed the <dict /> Embedded entries with the same happy result.

Whoop, there it is. Mac Classic theme and no shaded backgrounds.