Sublime Color Scheme

README.md

Jon Blow editor color scheme for Sublime

1. Activate basic theme and color scheme so that you see this in your Preferences:

"theme": "Default Dark.sublime-theme", "color_scheme": "Packages/Theme - Darkmatter/Darkmatter.tmTheme",

2. Choose UI: Customize Color Scheme from the command menu and use the settings found here.

Darkmatter.sublime-color-scheme

// Documentation at https://www.sublimetext.com/docs/color_schemes.html
{
	"variables":
	{
		"text": "#d1b897",
        "bg" : "#062329",
	},
	"globals":
	{
		"background" : "var(bg)",
		// text
		"foreground" : "var(text)",
		"line_highlight": "#0b3335",
        "caret": "#44b340",
        "caret_color": "#44b340",
        // "caret": "yellow",
        // "block_caret": "yellow",
        "selection": "#44b340",
        "selection_foreground": "var(bg)",
	},
	"rules":
	[
        {
            "name": "Comment",
            "scope": "comment",
            "foreground": "#44b340"
        },
	    {
            "name" : "Strings",
            "foreground" : "#2ec09c",
            "scope": "string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other, string.unquoted, string.interpolated, string.regexp, string.other"
        },
        // functions
        {
          "name": "Function Name",
          "foreground": "#ffffff",
          "font_style": 0,
          "scope": "entity.name.function"
        },	
        {
            "name" : "Language Functions",
            "foreground": "var(text)",
            "scope": "support.function"
        },
        {
            "name" : "Function, use, if, etc. keyword",
            "foreground": "#ffffff",
            "scope": "keyword"
        },    
        {
          "name": "Function Arg / Parameters",
          "foreground": "var(text)",
          "scope": "variable.parameter"
        },



        // Classes OOP 
        {
        	"name": "Class Name",
            // light green
        	"foreground": "#8cde94",
            "font_style": "normal",
            "scope": "support.class, entity.name.class, entity.other.inherited-class"
        },

        // Other
        {
        	"name": "Constants - User Defined",
        	"foreground": "#8cde94",
            "font_style": 0,
            "scope": "constant.character, constant.other"
        },

        {
        	"name": "Numbers",
        	"foreground": "#7ad0c6",
            "font_style": 0,
            "scope": "constant.numeric"
        },

        {

          "name": "Variables",
          "foreground": "#c1d1e3",
          // "font_style": 0,
          "scope": "variable"
        },

        // language stuff
        {
            "name" : "Language vars like THIS in JS",
            "foreground" : "#fff",
            "font_style": "italic",
            "scope": "variable.language"
        },    
        {
        	"name": "Language Constants like null / nil",
        	"foreground": "#2ec09c",
            "font_style": 0,
            "scope": "constant.language"
        },
        {
            "name": "JS const, let + PHP array, float ,etc.",
            "foreground": "#ffffff",
            "font_style": "normal",
            "scope": "storage.type"
        },

        // HTML
        {
            "name": "Tag Name",
            "foreground": "#737D88",
            "font_style": "normal",
            "scope": "entity.name.tag"
        },

        {
            "name": "CSS property in HTML",
            "foreground": "#ffffff",
            "font_style": "normal",
            "scope": "embedding.php text.html.basic meta.tag.block.any.html meta.attribute-with-value.style.html meta.string.html meta.interpolation.html source.css.embedded.html meta.property-name.css support.type.property-name.css"
        },

        {
            "name": "CSS prop VALUE in HTML",
            "foreground": "#ffffff",
            "font_style": "normal",
            "scope" : "embedding.php text.html.basic meta.tag.block.any.html meta.attribute-with-value.style.html meta.string.html meta.interpolation.html source.css.embedded.html meta.property-value.css support.constant.color.w3c.standard.css",
        },

        {
            "name": "CSS property",
            "foreground": "#ffffff",
            "font_style": "normal",
            "scope" : "source.css meta.property-list.css meta.block.css meta.property-name.css support.type.property-name.css"
        },

        {
            "name": "CSS variables",
            "foreground": "#c1d1e3",
            "font_style": "normal",
            "scope" : "source.css meta.property-list.css meta.block.css meta.property-value.css support.constant.color.w3c.special.css",
        },

        {
            "name": "CSS min-width, etc.",
            "foreground": "#c1d1e3",
            "font_style": "normal",
            "scope" : "source.css meta.at-rule.media.css meta.group.css support.type.property-name.css",
        },

        {
            "name": "CSS - values like /inherited/ /underline/ etc.",
            "foreground": "var(text)",
            "font_style": "normal",
            "scope" : "source.css meta.property-list.css meta.block.css meta.property-value.css support.constant.property-value.css",
        },

        {
            "name": "CSS webkit keyword",
            "foreground": "var(text)",
            "font_style": "normal",
            "scope" : "source.css support.type.vendor-prefix.css",
        },

        {
            "name": "Attribute",
            "foreground": "#c1d1e3",
            "font_style": "normal",
            "scope": "entity.other.attribute-name"
        },



	]
}