Night Owl.sublime-color-scheme

{
  "name": "Night owl",
  "author": "Heiker (https://github.com/VonHeikemen)",
  "comment": "A port of Sarah Drasner's Night Owl VSCode theme",
  "variables": {
    // Base colors
    "black": "#011627",
    "white": "#D6DEEB",
    "blue": "#82AAFF",
    "red": "#FF6363",
    "yellow": "#ECC48DFF",
    "magenta": "#C792EA",
    "gray": "#637777",

    // Commonly used
    "light_cyan": "#7FDBCA",
    "yellow_ish": "#FAD430",
    "orange_ish": "#F78C6C",
    "greenish_yellow": "#ADDB67",

    // Rarely used
    "darkness": "#000",
    "light": "#FFF",
    "pale_yellow": "#FFEB95",
    "sad_cyan": "#80CBC4",
    "dark_blue": "#01121F",
    "light_blue": "#80A4C2",
    "sad_blue": "#1D3B53",
    "cold_blue": "#5F7E97",
    "fuchsia_blue": "#7E57C25A",
    "live_blue": "#82B1FF",
    "bluish_grey": "#697098",
    "soft_blue": "#5ca7e4",
    "wild_pink": "#FF2C83",
    "pink": "#FF869A",
    "peach_orange": "#FFCB8B",
    "moderate_red": "#D3423E",
    "light_lime_green": "#D9F5DD",

    // UI: Gutter
    "git_green": "#9CCC65",
    "git_orange": "#E2B93D",
    "git_red": "#EF5350",
    "git_gray": "#4C566A",
    "linter_yellow": "#B39554",
    "linter_red": "#EF5350",
    "linter_blue": "#64B5F6"
  },
  "globals": {
    "background": "var(black)",
    "foreground": "var(white)",
    "caret": "var(light_blue)",
    "line_highlight": "var(dark_blue)",
    "selection": "var(sad_blue)",
    "inactive_selection": "var(fuchsia_blue)",
    "find_highlight": "var(cold_blue)",
    "find_highlight_foreground": "var(darkness)"
  },
  "rules": [
    // Defaults
    {
      "name": "Comment",
      "scope": "comment",
      "foreground": "var(gray)",
      "font_style": "italic"
    },
    {
      "name": "Constant",
      "scope": "constant",
      "foreground": "var(red)"
    },
    {
      "name": "Number",
      "scope": "constant.numeric",
      "foreground": "var(orange_ish)"
    },
    {
      "name": "Entity",
      "scope": "entity",
      "foreground": "var(white)"
    },
    {
      "name": "Invalid",
      "scope": "invalid",
      "background": "var(wild_pink)",
      "foreground": "var(light)"
    },
    {
      "name": "Keyword",
      "scope": "keyword, punctuation.accessor, storage.modifier",
      "foreground": "var(magenta)"
    },
    {
      "name": "Storage",
      "scope": "storage, variable.function",
      "foreground": "var(blue)"
    },
    {
      "name": "String",
      "scope": "string",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "String quoted",
      "scope": "string.quoted",
      "foreground": "var(yellow)"
    },
    {
      "name": "String quoted - punctuation",
      "scope": "string.quoted punctuation.definition.string",
      "foreground": "var(light_lime_green)"
    },
    {
      "name": "Support",
      "scope": "support",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "Variable",
      "scope": "variable.language",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "Class constructor name",
      "scope": "entity.name.class",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "Class inherited class",
      "scope": "entity.other.inherited-class",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "Class constructor function",
      "scope": "entity.name.function.constructor",
      "foreground": "var(blue)"
    },
    {
      "name": "Function name",
      "scope": "entity.name.function",
      "foreground": "var(blue)"
    },

    {
      "name": "Meta Tag",
      "scope": "meta.tag punctuation.definition.tag",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "Tag names",
      "scope": "entity.name.tag",
      "foreground": "var(light_cyan)",
    },
    {
      "name": "Tag attribute",
      "scope": "meta.tag entity.other.attribute-name",
      "foreground": "var(greenish_yellow)",
      "font_style": "italic"
    },
    {
      "name": "Tag key-val separator",
      "scope": "meta.tag meta.attribute-with-value punctuation.separator.key-value",
      "foreground": "var(light_cyan)"
    },

    // Plugin support
    {
      "name": "[GitGutter] Inserted",
      "scope": "markup.inserted.git_gutter",
      "foreground": "var(git_green)"
    },
    {
      "name": "[GitGutter] Modified",
      "scope": "markup.changed.git_gutter",
      "foreground": "var(git_orange)"
    },
    {
      "name": "[GitGutter] Deleted",
      "scope": "markup.deleted.git_gutter",
      "foreground": "var(git_red)"
    },
    {
      "name": "[GitGutter] Ignored",
      "scope": "markup.ignored.git_gutter",
      "foreground": "var(git_gray)"
    },
    {
      "name": "[SublimeLinter] Warning",
      "scope": "sublimelinter.mark.warning",
      "foreground": "var(linter_yellow)"
    },
    {
      "name": "[SublimeLinter] Error",
      "scope": "sublimelinter.mark.error",
      "foreground": "var(linter_red)"
    },
    {
      "name": "[SublimeLinter] Gutter mark",
      "scope": "sublimelinter.gutter-mark",
      "foreground": "var(linter_blue)"
    },

    // Language support
    {
      "name": "[Javascript] String",
      "scope": "source.js string",
      "foreground": "var(yellow)"
    },
    {
      "name": "String quoted - template punctuation",
      "scope": "source.js string.template.js punctuation.definition.string.template",
      "foreground": "var(light_lime_green)"
    },
    {
      "name": "[Javascript] String - Template expression",
      "scope": "source.js punctuation.definition.template-expression.begin.js, source.js punctuation.definition.template-expression.end.js",
      "foreground": "var(red)"
    },
    {
      "name": "[Javascript] Undefined",
      "scope": "source.js constant.language.undefined.js",
      "foreground": "var(blue)"
    },
    {
      "name": "[Javascript] Class constructor call",
      "scope": "source.js meta.function-call.constructor.js variable.type.js",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[Javascript] Built-in Class constructor call",
      "scope": "source.js meta.function-call.constructor.js support.class",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[Javascript] Operator - New",
      "scope": "source.js keyword.operator.word.new.js",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Javascript] Class - super",
      "scope": "source.js meta.class.js meta.block.js meta.block.js meta.function-call.js support.function.js",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Javascript] Support property dom",
      "scope": "source.js support.constant.dom",
      "foreground": "var(white)"
    },
    {
      "name": "[Javascript] Class - reference",
      "scope": "source.js support.class.js",
      "foreground": "var(white)"
    },
    {
      "name": "[Javascript] Trycatch",
      "scope": "source.js keyword.control.trycatch.js",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Javascript] Method call",
      "scope": "source.js meta.function-call.method.js support.function",
      "foreground": "var(blue)"
    },
    {
      "name": "[Javascript] Console method call",
      "scope": "source.js meta.function-call.method.js support.function.console",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[Javascript] Support node",
      "scope": "source.js support.module.node.js",
      "foreground": "var(white)"
    },

    {
      "name": "[Javascript Babel] Extends - keyword",
      "scope": "source.js meta.class.js storage.type.extends.js",
      "foreground": "var(magenta)"
    },
    {
      "name": "[Javascript Babel] Class - super",
      "scope": "source.js meta.class.js meta.group.braces.curly.js variable.language.super.js",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Javascript Babel] Class - new",
      "scope": "source.js meta.instance.constructor.js keyword.operator.new.js",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Javascript Babel] Class - support",
      "scope": "source.js meta.instance.constructor.js support.class",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[Javascript Babel] Class - constructor call",
      "scope": "source.js meta.instance.constructor.js variable.function.constructor.js",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[Javascript Babel] String quoted - template punctuation",
      "scope": "source.js string.interpolated.js keyword.other.template",
      "foreground": "var(light_lime_green)"
    },
    {
      "name": "[Javascript Babel] String quoted - template expression",
      "scope": "source.js string.interpolated.js keyword.other.substitution",
      "foreground": "var(red)"
    },
    {
      "name": "[Javascript Babel] Object - unquoted key",
      "scope": "source.js constant.other.object.key.js string.unquoted.label.js",
      "foreground": "var(white)"
    },
    {
      "name": "[Javascript Babel] Object - separator",
      "scope": "source.js constant.other.object.key.js punctuation.separator.key-value.js",
      "foreground": "var(white)"
    },
    {
      "name": "[Javascript Babel] JSX tag",
      "scope": "source.js meta.jsx.js meta.tag.jsx entity.name.tag.jsx",
      "foreground": "var(orange_ish)"
    },
    {
      "name": "[Javascript Babel] JSX attribute",
      "scope": "source.js meta.jsx.js entity.other.attribute-name.jsx",
      "foreground": "var(greenish_yellow)",
      "font_style": "italic"
    },
    {
      "name": "[Javascript Babel] JSX expression punctuation",
      "scope": "source.js meta.jsx.js meta.embedded.expression.jsx punctuation.section.embedded",
      "foreground": "var(red)"
    },

    {
      "name": "[Typescript] Decorator",
      "scope": "source.ts meta.decorator.ts punctuation.decorator.ts",
      "foreground": "var(blue)"
    },
    {
      "name": "[Typescript] Class",
      "scope": "source.ts meta.class.ts entity.name.type.class.ts",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[Typescript] Type annotation class",
      "scope": "source.ts meta.class.ts meta.type.annotation.ts entity.name.type.ts",
      "foreground": "var(peach_orange)"
    },

    {
      "name": "[JSX] Meta Tag",
      "scope": "source.jsx meta.tag.other entity.name.tag.other",
      "foreground": "var(orange_ish)"
    },
    {
      "name": "[VSCode JSX] Component name",
      "scope": "source.js meta.tag entity.name.tag support.class.component.js",
      "foreground": "var(orange_ish)"
    },
    {
      "name": "[VSCode JSX] Embedded expressions",
      "scope": "source.js meta.embedded.expression.js.jsx punctuation.section.embedded",
      "foreground": "var(red)"
    },
    {
      "name": "[VSCode JSX] Class - name",
      "scope": "source.js.jsx meta.class.js.jsx entity.name.type.class.js.jsx",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[VSCode JSX] Class - new",
      "scope": "source.js.jsx new.expr.js.jsx keyword.operator.new.js.jsx",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[VSCode JSX] Entity",
      "scope": "source.js.jsx new.expr.js.jsx entity.name.type.js.jsx",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[VSCode JSX] String - template variable",
      "scope": "source.js.jsx new.expr.js.jsx string.template.js.jsx meta.template.expression.js.jsx variable.other",
      "foreground": "var(white)"
    },
    {
      "name": "[VSCode JSX] Support dom property",
      "scope": "source.js.jsx support.variable.property.dom.js.jsx",
      "foreground": "var(white)"
    },

    {
      "name": "[Vue] Directive symbol",
      "scope": "text.html.vue punctuation.definition.attribute.html",
      "foreground": "var(greenish_yellow)",
      "font_style": "italic"
    },
    {
      "name": "[Vue] Attribute assignment",
      "scope": "text.html.vue punctuation.separator.key-value.html",
      "foreground": "var(light_cyan)"
    },

    {
      "name": "[PHP] Built-in function",
      "scope": "embedding.php support.function",
      "foreground": "var(blue)"
    },
    {
      "name": "[PHP] Function variable",
      "scope": "embedding.php meta.function-call.invoke.php variable.other.php",
      "foreground": "var(blue)"
    },
    {
      "name": "[PHP] Class - reference",
      "scope": "embedding.php support.class.php",
      "foreground": "var(peach_orange)"
    },
    {
      "name": "[PHP] Class - constant",
      "scope": "embedding.php constant.other.class.php",
      "foreground": "var(white)"
    },
    {
      "name": "[PHP] Namespace path",
      "scope": "embedding.php support.other.namespace",
      "foreground": "var(white)"
    },
    {
      "name": "[PHP] keyword - new",
      "scope": "embedding.php keyword.other.new",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[PHP] Trycatch",
      "scope": "embedding.php keyword.control.exception",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[PHP] Class static accessor",
      "scope": "embedding.php punctuation.accessor.double-colon",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[PHP] String - variable",
      "scope": "embedding.php string.quoted.double meta.string-contents.quoted.double variable.other",
      "foreground": "var(white)"
    },
    {
      "name": "[PHP] String - function parameters - punctuation",
      "scope": "embedding.php string.quoted.double.php meta.string-contents.quoted.double meta.function-call punctuation.section.group",
      "foreground": "var(white)"
    },
    {
      "name": "[PHP] String - function parameters - arrays",
      "scope": "embedding.php string.quoted.double.php meta.string-contents.quoted.double.php meta.function-call.php meta.array punctuation.section.array",
      "foreground": "var(white)"
    },

    {
      "name": "[CSS] Selector - Tag name",
      "scope": "source.css entity.name.tag.css",
      "foreground": "var(red)"
    },
    {
      "name": "[CSS] Selector - Class",
      "scope": "source.css entity.other.attribute-name.class.css",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[CSS] Selector - ID",
      "scope": "source.css entity.other.attribute-name.id.css",
      "foreground": "var(yellow_ish)"
    },
    {
      "name": "[CSS] Selector - Pseudo-class",
      "scope": "source.css entity.other.pseudo-class.css",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[CSS] Selector - Separator",
      "scope": "source.css punctuation.separator.combinator.css",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[CSS] Property list",
      "scope": "source.css support.type.property-name.css",
      "foreground": "var(sad_cyan)"
    },
    {
      "name": "[CSS] Value",
      "scope": "source.css meta.property-value.css constant.other.color.rgb-value.css",
      "foreground": "var(pale_yellow)"
    },
    {
      "name": "[CSS] Value prefix",
      "scope": "source.css punctuation.definition.constant.css",
      "foreground": "var(orange_ish)"
    },
    {
      "name": "[CSS] Unit",
      "scope": "source.css keyword.other.unit.css",
      "foreground": "var(pale_yellow)"
    },
    {
      "name": "[CSS] Constant",
      "scope": "source.css support.constant.property-value.css",
      "foreground": "var(red)"
    },
    {
      "name": "[CSS] Control block",
      "scope": "source.css meta.at-rule.media.css keyword.control.at-rule.media.css, source.css support.constant.media.css",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[CSS] Selector - target",
      "scope": "source.css meta.attribute-selector.css punctuation.definition.entity.css",
      "foreground": "var(magenta)"
    },
    {
      "name": "[CSS] Selector - attribute",
      "scope": "source.css entity.other.attribute-name.css",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[CSS] Selector - Attribute operator",
      "scope": "source.css keyword.operator.attribute-selector.css",
      "foreground": "var(light_cyan)"
    },

    {
      "name": "[HTML] Doctype - html",
      "scope": "text.html.basic meta.tag.sgml.html meta.tag.sgml.doctype.html",
      "foreground": "var(greenish_yellow)",
      "font_style": "italic"
    },
    {
      "name": "[HTML] String - Single quoted in single quote",
      "scope": "text.html string.quoted.single meta.tag string.quoted.single ",
      "background": "var(wild_pink)",
      "foreground": "var(white)"
    },
    {
      "name": "[HTML] String - Double quoted in double quote",
      "scope": "text.html string.quoted.double meta.tag string.quoted.double ",
      "background": "var(wild_pink)",
      "foreground": "var(white)"
    },
    {
      "name": "[HTML-like] Tag punctuation",
      "scope": "text.html punctuation.definition.tag.html",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[HTML-like] Tag attribute",
      "scope": "text.html entity.other.attribute-name.html",
      "foreground": "var(greenish_yellow)",
      "font_style": "italic"
    },
    {
      "name": "[HTML-like] Function calls",
      "scope": "text.html meta.tag meta.function-call",
      "foreground": "var(blue)",
    },
    {
      "name": "[HTML-like] String - function parameters",
      "scope": "text.html string meta.tag punctuation.definition.parameters",
      "foreground": "var(white)"
    },
    {
      "name": "[HTML-like] String - function argument other",
      "scope": "text.html string meta.tag meta.function.arguments variable.other",
      "foreground": "var(white)"
    },
    {
      "name": "[HTML-like] String - function argument array",
      "scope": "text.html string meta.tag meta.function.arguments meta.array punctuation.section",
      "foreground": "var(white)"
    },
    {
      "name": "[HTML-like] Comment - function",
      "scope": "text.html comment meta.tag meta.function-call.twig",
      "foreground": "var(gray)",
      "font_style": "italic"
    },

    {
      "name": "[JSON] Property",
      "scope": "source.json  meta.structure.dictionary.key.json string.quoted.double.json",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[JSON] String - nested object key quote",
      "scope": "source.json meta.structure.dictionary.key.json string.quoted.double.json punctuation.definition.string",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[JSON] String value",
      "scope": "source.json meta.structure.dictionary.value.json string.quoted.double.json",
      "foreground": "var(magenta)"
    },

    {
      "name": "[RegEx] Strings",
      "scope": "source.regexp, source.regexp constant",
      "foreground": "var(soft_blue)"
    },
    {
      "name": "[RegEx] Operators",
      "scope": "source.regexp keyword.operator",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[RegEx] Constant - escaped",
      "scope": "source.regexp constant.character.escape",
      "foreground": "var(orange_ish)"
    },

    {
      "name": "[Markdown] Headings",
      "scope": "text.html.markdown entity.name.section.markdown, text.html.markdown punctuation.definition.heading.begin.markdown",
      "foreground": "var(live_blue)"
    },
    {
      "name": "[Markdown] Headings",
      "scope": "text.html.markdown meta.block-level.markdown markup.quote.markdown",
      "foreground": "var(bluish_grey)",
      "font_style": "italic"
    },
    {
      "name": "[Markdown] Image",
      "scope": "text.html.markdown punctuation.definition.image",
      "foreground": "var(live_blue)"
    },
    {
      "name": "[Markdown] Image metadata",
      "scope": "text.html.markdown meta.image punctuation.definition.metadata",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Markdown] Image link",
      "scope": "text.html.markdown meta.image markup.underline.link",
      "foreground": "var(pink)"
    },
    {
      "name": "[Markdown] Link text",
      "scope": "text.html.markdown meta.link punctuation.definition.link",
      "foreground": "var(live_blue)"
    },
    {
      "name": "[Markdown] Link metadata",
      "scope": "text.html.markdown meta.link punctuation.definition.metadata",
      "foreground": "var(light_cyan)"
    },
    {
      "name": "[Markdown] link url",
      "scope": "text.html.markdown meta.link markup.underline.link",
      "foreground": "var(pink)"
    },
    {
      "name": "[Markdown] Bold",
      "scope": "text.html.markdown markup.bold.markdown",
      "foreground": "var(greenish_yellow)",
      "font_style": "bold"
    },
    {
      "name": "[Markdown] Italic",
      "scope": "text.html.markdown markup.italic.markdown",
      "foreground": "var(magenta)",
      "font_style": "italic"
    },
    {
      "name": "[Markdown] Raw",
      "scope": "text.html.markdown markup.raw.inline.markdown",
      "foreground": "var(greenish_yellow)"
    },
    {
      "name": "[Markdown] Language block name",
      "scope": "text.html.markdown constant.other.language-name.markdown",
      "foreground": "var(white)"
    }
  ]
}