Modify / Customize Color Schemes

[mearleycf]

So my search-fu must be weak, as I’ve scanned a ton of threads trying to figure out how to customize a color scheme. I’m using the Soda Dark Theme with the Monokai Soda color scheme, but I want to change those colors. Where/how do I do this? In what program?

[nick1]

Check here for general information about Sublime, and here for color schemes specifically.

The Monokai syntax theme can be found in Packages/Color Scheme - Default/Monokai.tmTheme . This is an XML file and you can edit it in any editor; ST2 works well because the changes will be applied instantly (barring any syntax errors).

[handycam]

If you have access to Textmate, you can edit the theme there with its GUI, and then copy the theme over to sublime.

Note: we are talking about “color schemes”, such as Monokai, which are “.tmtheme” files.’

“Themes” like Soda Dark, are a different matter. The terminology is completely confusing.

[elangovan]

This answer is similar to the accepted solution, but with little more steps if it is not working out of the box. This might help someone if they are stuck with an issue which I have described in one of the below steps.

1. install PackageResourceViewer using Package Control

2. Go to Preferences->Package Settings->PackageResourceViewer->Setting-User. copy paste the following 3 lines,save and close it.
   {
   "single_command": false
   }

3. press Ctrl+shift+p to open Package Control and select PackageResourceViewer: Edit Package Resource from the list. Find the package you want to edit and click on it. In my case, I want to edit a theme which is installed via ColorSublime Package, So I selected that theme.

4. Now you will see that the selected package file opened in the sublime editor itself. Edit it as you want and save it and close it. The changes should reflect in sublime editor. In my case, since I changed the theme I need reload it. So I continued with the following steps too.

5. go to view menu select ‘Show Console’ and run following command to reset the theme.
   view.settings().erase(“color_scheme”)

6. open Preferences->Settings and delete the “color_scheme” attribute and its value from the settings file and close it. Again select the color theme from Preferences->Color scheme. Now you should able to see the changes reflected which you made in the theme package.

Hope this helps!

[aero5000]

For example to edit the PHP tags from WHITE to RED in the Monokai Theme, simply add this code into the theme file.
{
“name”: “PHP Tags”,
“scope”: “punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php”,
“foreground”: “#f80000”
}

[robertcollier4]

Here are some GUI tools to do so:

facelessuser/SchemeEditor

Color Scheme Editor for Sublime

I built a color scheme editor for sublime using Angular.js and some HTML5 File APIs. It only works in Google Chrome though, since the HTML5 file apis are not implemented in other browsers yet. You can drag and drop your color scheme on the page and start tweaking it to your hearts content. Try it out here: tmtheme-editor.herokuapp.com/ the code is also available on github: github.com/aziz/tmTheme-Editor http://a248.e.akamai.net/camo.github.com/41173d7778f610ef3cc0e73ecb5f684a9f438eaf/6874747…

SublimeJSONColorSchemeEditor - GUI edit syntax colors

This tool will let you use a GUI to visually see, edit, and add name/scope definitions to your color scheme files. It is written in AutoIt3 - but there is a compiled EXE if you don’t have AutoIt3. The only caveat is that this tool only reads JSON format files. It was too tedious for me to figure out how to read the Plist format with AutoIt3 - whereas there was a ready made function library for JSON which this tool uses to read and write. So you must first convert your color scheme into JSON via…

[Lozminda]

I also wanted to modify some colours of a colour theme too.
this post was handy as well

How do I change Sublime Python comments color specifically?

For example I installed PackageResourceViewer.
Then crlt+shift+p
PackageResourceViewer:Open Resource

I’d installed the Rainglow colours, but non were exactly what I wanted. Open Resourse will give you a long list of resources so I scrolled down to

Rainglow

(or you can type in the first couple of letters)

then went to rainglow/ and this gave me a list of .tmTheme files.
Select the one you want to edit in my case it was PenitentContrast

When you open the file you should get something that looks a bit like this:

name
Comment
scope
comment
settings

foreground

           <string>#00AAFF</string>
        </dict>
    </dict>
    <dict>
        <key>name</key>
        <string>String</string>
        <key>scope</key>
        <string>string</string>
        <key>settings</key>
        <dict>
            <key>foreground</key>
            <string>#eac03a</string>
        </dict>
    </dict>
    <dict>

(It’s just a code snippet)

the hex number between the string markers, string>#b9cec7"</string is the colour number. RedGreenBlue each channel going to a max of FF, hence FFFFFF is white, 000000 is black FF0000 red, and 00AAFF a mid bluish/turquiose.

I changed the background (the “color string” at line 24) the comments “color string” at line 70 (ish) to the aforementioned 00AAFF, built in constants (eg true & false in many languages) at roughly line 106.
It’s probably worth commenting the original string before you start messing around so you can go back to the original easily if you wish.
As soon as you save the file, your new colours will be updated.

I was a bit daunted by all this at the beginning, but it’s real easy. Hope this is helpful to someone. Great to have that level of customization.