[
  {
    "path": ".gitignore",
    "content": ".DS_Store\nnpm-debug.log\nnode_modules\nsnippets/\n"
  },
  {
    "path": "LICENSE.md",
    "content": "Copyright (c) 2017 Silvestre Herrera\n\nPermission is hereby granted, free of charge, to any person obtaining\na copy of this software and associated documentation files (the\n\"Software\"), to deal in the Software without restriction, including\nwithout limitation the rights to use, copy, modify, merge, publish,\ndistribute, sublicense, and/or sell copies of the Software, and to\npermit persons to whom the Software is furnished to do so, subject to\nthe following conditions:\n\nThe above copyright notice and this permission notice shall be\nincluded in all copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\nEXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\nMERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\nLIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\nOF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\nWITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n"
  },
  {
    "path": "README.md",
    "content": "![](http://i.imgur.com/f58FC9u.png)\n---\n\nA syntax theme for [Atom Material UI](https://github.com/silvestreh/atom-material-ui). Inspired by Mattia Astorino's [SublimeText theme](https://github.com/equinusocio/material-theme).\n\n![screenshot](http://i.imgur.com/3YQeDps.png)\n"
  },
  {
    "path": "index.less",
    "content": "@import \"styles/base\";\n\n// Languages\n@import (less) \"styles/languages/babel\";\n@import (less) \"styles/languages/css\";\n@import (less) \"styles/languages/gfm\";\n@import (less) \"styles/languages/html\";\n@import (less) \"styles/languages/javascript\";\n@import (less) \"styles/languages/json\";\n@import (less) \"styles/languages/php\";\n@import (less) \"styles/languages/python\";\n@import (less) \"styles/languages/ruby\";\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"atom-material-syntax\",\n  \"theme\": \"syntax\",\n  \"version\": \"1.0.8\",\n  \"description\": \"A dark syntax theme for Atom that uses Google's Material Design color palette\",\n  \"keywords\": [\n    \"syntax\",\n    \"theme\",\n    \"material\",\n    \"material design\"\n  ],\n  \"repository\": \"https://github.com/silvestreh/atom-material-syntax\",\n  \"license\": \"MIT\",\n  \"engines\": {\n    \"atom\": \">=1.13.0 <2.0.0\"\n  }\n}\n"
  },
  {
    "path": "styles/base.less",
    "content": "@import \"syntax-variables\";\n\natom-text-editor {\n    background-color: @syntax-background-color;\n    color: @syntax-text-color;\n\n    .wrap-guide {\n        background-color: @syntax-indent-guide-color;\n    }\n\n    .indent-guide {\n        color: @syntax-indent-guide-color;\n    }\n\n    .invisible-character {\n        color: @syntax-invisible-character-color;\n    }\n\n    .cursor-line {\n        background-color: fade(darken(@syntax-background-color, 20%), 20%);\n    }\n\n    .gutter {\n        background-color: @syntax-gutter-background-color;\n        color: @syntax-gutter-text-color;\n\n        .line-number {\n            &.cursor-line {\n                background-color: darken(@syntax-background-color, 2.5%);\n                color: @syntax-gutter-text-color-selected;\n            }\n\n            &.cursor-line-no-selection {\n                color: @syntax-gutter-text-color-selected;\n            }\n        }\n    }\n\n    .fold-marker:after,\n    .gutter .line-number.folded,\n    .gutter .line-number:after {\n        color: @light-gray;\n    }\n\n    .invisible {\n        color: @syntax-text-color;\n    }\n\n    .cursor {\n        color: @syntax-cursor-color;\n        border-width: 2px;\n    }\n\n    .selection .region {\n        background-color: @syntax-selection-color;\n    }\n}\n\natom-text-editor .search-results .syntax--marker .region {\n    background-color: transparent;\n    border: 1px solid @syntax-result-marker-color;\n}\n\natom-text-editor .search-results .syntax--marker.current-result .region {\n    border: 1px solid @syntax-result-marker-color-selected;\n}\n\n// Syntax styles\n.syntax--comment {\n    color: @syntax-comment-color;\n}\n\n.syntax--keyword {\n    color: @purple;\n\n    &.syntax--control {\n        color: @purple;\n\n        &.syntax--elements {\n            color: @light-gray;\n        }\n    }\n\n    &.syntax--operator {\n        color: @cyan;\n    }\n\n    &.syntax--other.syntax--special-method {\n        color: @blue;\n    }\n\n    &.syntax--other.syntax--unit {\n        color: @orange;\n    }\n}\n\n.syntax--storage {\n    color: @purple;\n}\n\n.syntax--constant {\n    color: @red;\n\n    &.syntax--character.syntax--escape {\n        color: @cyan;\n    }\n\n    &.syntax--numeric {\n        color: @strong-orange;\n    }\n\n    &.syntax--other.syntax--color {\n        color: @cyan;\n    }\n\n    &.syntax--other.syntax--symbol {\n        color: @green;\n    }\n\n    &.syntax--language.syntax--null {\n        color: @pink;\n    }\n}\n\n.syntax--variable {\n    color: @very-light-gray;\n\n    &.syntax--interpolation {\n        color: darken(@red, 10%);\n    }\n\n    &.syntax--parameter.syntax--function {\n        color: @strong-orange;\n    }\n\n    &.syntax--language {\n        color: @pink;\n    }\n\n    &.syntax--variable {\n        &.syntax--object {\n            color: @orange;\n        }\n    }\n}\n\n.syntax--invalid.syntax--illegal {\n    background-color: @red;\n    color: @syntax-background-color;\n}\n\n.syntax--string {\n    color: @green;\n\n    &.syntax--regexp {\n        color: @cyan;\n\n        .syntax--source.syntax--ruby.syntax--embedded {\n            color: @orange;\n        }\n    }\n\n    &.syntax--other.syntax--link {\n        color: @red;\n    }\n}\n\n.syntax--punctuation {\n    &.syntax--definition {\n        &.syntax--comment {\n            color: @syntax-comment-color;\n        }\n\n        &.syntax--array,\n        &.syntax--parameters,\n        &.syntax--string,\n        &.syntax--variable {\n            color: @syntax-text-color;\n\n            &.syntax--begin, &.syntax--end {\n                color: @cyan;\n            }\n        }\n\n        &.syntax--heading,\n        &.syntax--identity {\n            color: @blue;\n        }\n\n        &.syntax--bold {\n            color: @light-orange;\n            font-weight: bold;\n        }\n\n        &.syntax--italic {\n            color: @purple;\n            font-style: italic;\n        }\n\n        &.syntax--entity {\n            color: @cyan;\n        }\n    }\n\n    &.syntax--section {\n        &.syntax--array {\n            color: @cyan;\n        }\n\n        &.syntax--embedded {\n            color: @cyan;\n        }\n    }\n\n    &.syntax--separator {\n        &.syntax--key-value {\n            color: @cyan;\n        }\n    }\n\n    &.syntax--terminator {\n        color: @cyan;\n    }\n}\n\n.syntax--support {\n    &.syntax--class {\n        color: @orange;\n    }\n\n    &.syntax--function {\n        color: @blue;\n\n        &.syntax--any-method {\n            color: @blue;\n        }\n    }\n\n    &.syntax--type {\n        color: @orange;\n    }\n\n    &.syntax--variable {\n        &.syntax--dom {\n            color: @orange;\n        }\n    }\n}\n\n.syntax--entity {\n    &.syntax--name {\n        &.syntax--function {\n            color: @blue;\n        }\n\n        &.syntax--type {\n            color: @very-light-gray;\n        }\n    }\n\n    &.syntax--other {\n        &.syntax--inherited-class {\n            color: @green;\n        }\n\n        &.syntax--attribute-name {\n            &.syntax--pseudo-element {\n                color: @purple;\n            }\n\n            &.syntax--attribute {\n                color: @purple;\n            }\n        }\n    }\n\n    &.syntax--name.syntax--class,\n    &.syntax--name.syntax--type.syntax--class {\n        color: @orange;\n    }\n\n    &.syntax--name.syntax--section {\n        color: @blue;\n    }\n\n    &.syntax--name.syntax--tag {\n        color: @red;\n    }\n\n    &.syntax--other.syntax--attribute-name {\n        color: @orange;\n    }\n}\n\n.syntax--meta {\n    &.syntax--class {\n        color: @light-orange;\n    }\n\n    &.syntax--delimiter {\n        &.syntax--period {\n            color: @cyan;\n        }\n    }\n\n    &.syntax--link {\n        color: @orange;\n    }\n\n    &.syntax--require {\n        color: @blue;\n    }\n\n    &.syntax--selector {\n        color: @purple;\n    }\n\n    &.syntax--separator {\n        background-color: @gray;\n        color: @syntax-text-color;\n    }\n\n    &.syntax--brace {\n        &.syntax--round, &.syntax--square {\n            color: @cyan;\n        }\n    }\n}\n\n.syntax--none {\n    color: @syntax-text-color;\n}\n\n.syntax--markup {\n    &.syntax--bold {\n        color: @orange;\n        font-weight: bold;\n    }\n\n    &.syntax--changed {\n        color: @purple;\n    }\n\n    &.syntax--deleted {\n        color: @red;\n    }\n\n    &.syntax--italic {\n        color: @purple;\n        font-style: italic;\n    }\n\n    &.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading {\n        color: @blue;\n    }\n\n    &.syntax--inserted {\n        color: @green;\n    }\n\n    &.syntax--list {\n        color: @red;\n    }\n\n    &.syntax--quote {\n        color: @orange;\n    }\n\n    &.syntax--raw.syntax--inline {\n        color: @green;\n    }\n}\n\n.syntax--source.syntax--gfm .syntax--markup {\n    -webkit-font-smoothing: auto;\n\n    &.syntax--heading {\n        color: @green;\n    }\n}\n\n// Mini editor\natom-text-editor[mini] .scroll-view {\n    padding-left: 1px;\n}\n\n// Bracket Matcher\natom-text-editor {\n    .highlight .region.bracket-matcher {\n        z-index: inherit;\n    }\n}\n\n.bracket-matcher .region {\n    border-bottom: 1px solid @syntax-cursor-color;\n    box-sizing: border-box;\n    background-color: fade(@syntax-text-color, 10%);\n    box-shadow: inset 0 -1px 0 @syntax-cursor-color;\n}\n\n// Misspelled word\natom-text-editor .spell-check-misspelling .region {\n    z-index: auto;\n}\n"
  },
  {
    "path": "styles/colors.less",
    "content": "// These colors are specific to the theme. Do not use in a package!\n\n@very-light-gray:   #EEFFFF;\n@light-gray:        #B2CCD6;\n@gray:              #373b41;\n@dark-gray:         #282a2e;\n@very-dark-gray:    #263238;\n\n@green:             #C3E88D;\n@teal:              #009688;\n@light-teal:        #73d1c8;\n@cyan:              #89DDF3;\n@blue:              #82AAFF;\n@indigo:            #7986CB;\n@purple:            #C792EA;\n@pink:              #FF5370;\n@red:               #F07178;\n@strong-orange:     #F78C6A;\n@orange:            #FFCB6B;\n@light-orange:      #FFE082;\n"
  },
  {
    "path": "styles/languages/babel.less",
    "content": ".syntax--jsx {\n    &.syntax--component {\n        color: @red;\n    }\n}\n\natom-text-editor {\n    // Over-nesting to override `language-babel` default styles.\n    .syntax--source.syntax--js.syntax--jsx {\n        .syntax--jsx {\n            .syntax--entity.syntax--other.syntax--attribute-name {\n                font-style: normal;\n            }\n        }\n    }\n}\n"
  },
  {
    "path": "styles/languages/css.less",
    "content": ".syntax--css {\n    .syntax--support {\n        &.syntax--constant {\n            color: @cyan;\n        }\n\n        &.syntax--property-name {\n            color: @light-teal;\n        }\n    }\n\n    .syntax--keyword {\n        &.syntax--unit {\n            color: @strong-orange;\n        }\n    }\n\n    .syntax--constant {\n        &.syntax--numeric {\n            color: @light-orange;\n        }\n\n        &.syntax--color {\n            color: @light-orange;\n\n            .syntax--punctuation {\n                color: currentColor;\n            }\n        }\n    }\n\n    .syntax--entity {\n        &.syntax--tag {\n            color: @light-gray;\n        }\n\n        &.syntax--id {\n            color: @purple;\n        }\n    }\n\n    .syntax--punctuation {\n        &.syntax--delimiter {\n            color: @cyan;\n\n            + .syntax--constant.syntax--numeric:not(.syntax--color) {\n                color: @strong-orange;\n            }\n        }\n    }\n}\n"
  },
  {
    "path": "styles/languages/gfm.less",
    "content": "[data-grammar*=\"gfm\"] {\n    .syntax--markup.syntax--underline.syntax--link {\n        color: lighten(@pink, 10%);\n\n        span.syntax--punctuation {\n            color: @pink;\n        }\n    }\n    .syntax--markup.syntax--strike {\n        position: relative;\n        color: fade(@syntax-text-color, 50%);\n\n        &::after {\n            content: \"\";\n            position: absolute;\n            top: calc(50% + 4px);\n            left: 0;\n            right: 0;\n            height: 1px;\n            background-color: fade(@syntax-text-color, 50%);\n        }\n    }\n    .syntax--table .syntax--border {\n        color: fade(@syntax-text-color, 50%);\n    }\n    .syntax--markup.syntax--heading {\n        color: @blue;\n    }\n    .syntax--punctuation.syntax--definition.syntax--begin,\n    .syntax--punctuation.syntax--definition.syntax--end {\n        color: @blue;\n    }\n    .syntax--punctuation.syntax--definition.syntax--begin + span:not(.syntax--function.syntax--parameter) {\n        color: lighten(@blue, 5%);\n    }\n}\n"
  },
  {
    "path": "styles/languages/html.less",
    "content": ".syntax--html, .syntax--jsx {\n    .syntax--meta {\n        &.syntax--tag {\n            &.syntax--doctype {\n                color: @purple;\n            }\n        }\n    }\n\n    .syntax--punctuation {\n        &.syntax--tag {\n            color: @cyan;\n        }\n    }\n}\n"
  },
  {
    "path": "styles/languages/javascript.less",
    "content": ".syntax--js {\n    &.syntax--constant {\n        color: @very-light-gray;\n    }\n\n    &.syntax--support {\n        &.syntax--variable {\n            &.syntax--property {\n                color: @very-light-gray;\n            }\n            &.syntax--property.syntax--dom {\n                color: @blue;\n            }\n        }\n    }\n\n    &.syntax--entity {\n        &.syntax--name {\n            &.syntax--type {\n                color: @orange;\n            }\n        }\n    }\n\n    &.syntax--variable {\n        &.syntax--property {\n            color: @blue;\n        }\n        &.syntax--other.syntax--object {\n            color: @very-light-gray;\n        }\n        &.syntax--other.syntax--object.syntax--property {\n            color: @blue;\n        }\n    }\n\n    &.syntax--string.syntax--quoted.syntax--template {\n      .syntax--other.syntax--object.syntax--property {\n          color: @green;\n      }\n    }\n\n    &.syntax--constant {\n        &.syntax--numeric {\n            color: @strong-orange;\n        }\n\n        &.syntax--boolean {\n            color: @red;\n        }\n    }\n\n    &.syntax--punctuation.syntax--begin,\n    &.syntax--punctuation.syntax--end,\n    &.syntax--delimiter.syntax--object.syntax--comma,\n    &.syntax--brace.syntax--curly {\n        color: @cyan;\n\n        .syntax--comment & {\n            color: @syntax-comment-color;\n        }\n    }\n\n    &.syntax--export .syntax--variable.syntax--default {\n        color: @purple;\n    }\n}\n"
  },
  {
    "path": "styles/languages/json.less",
    "content": ".syntax--json {\n  .syntax--meta.syntax--structure.syntax--dictionary.syntax--json {\n    & > .syntax--string.syntax--quoted.syntax--json {\n      & > .syntax--punctuation.syntax--string {\n        color: @purple;\n      }\n      color: @purple;\n    }\n  }\n\n  .syntax--meta.syntax--structure.syntax--dictionary.syntax--json, .syntax--meta.syntax--structure.syntax--array.syntax--json {\n    & > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json,\n    & > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation {\n      color: @green;\n\n      &.syntax--punctuation {\n          &.syntax--begin, &.syntax--end {\n              color: @cyan;\n          }\n      }\n    }\n  }\n}\n"
  },
  {
    "path": "styles/languages/php.less",
    "content": ".syntax--php {\n    &.syntax--keyword {\n        &.syntax--operator {\n            &.syntax--assignment {\n                color: @purple;\n            }\n        }\n    }\n\n    &.syntax--meta {\n        &.syntax--object {\n            color: @blue;\n        }\n\n        &.syntax--arguments {\n            color: @purple;\n        }\n    }\n}\n"
  },
  {
    "path": "styles/languages/python.less",
    "content": ".syntax--python {\n    .syntax--meta {\n        &.syntax--function-call {\n            color: @blue;\n\n            .syntax--punctuation {\n                color: @cyan;\n            }\n\n            .syntax--arguments {\n                color: @indigo;\n\n                &.syntax--punctuation {\n                    color: @cyan;\n                }\n            }\n        }\n    }\n\n    .syntax--variable {\n        &.syntax--self {\n            color: @pink;\n        }\n    }\n\n    .syntax--meta {\n        .syntax--punctuation {\n            &.syntax--inheritance, &.syntax--section {\n                color: @cyan;\n            }\n        }\n    }\n\n    .syntax--variable {\n        &.syntax--parameter {\n            color: @cyan;\n        }\n    }\n\n    .syntax--keyword {\n        &.syntax--operator {\n            color: @purple;\n        }\n    }\n}\n"
  },
  {
    "path": "styles/languages/ruby.less",
    "content": ".syntax--ruby {\n    .syntax--punctuation {\n        &.syntax--separator {\n            color: @cyan;\n        }\n    }\n\n    .syntax--variable {\n        &.syntax--block {\n            color: @red;\n        }\n\n        &.syntax--instance {\n            color: @red;\n\n            .syntax--punctuation {\n                color: currentColor;\n            }\n        }\n    }\n}\n"
  },
  {
    "path": "styles/syntax-variables.less",
    "content": "@import \"colors\";\n\n// This defines all syntax variables that syntax themes must implement when they\n// include a syntax-variables.less file.\n\n// General colors\n@syntax-text-color: @very-light-gray;\n@syntax-cursor-color: @teal;\n@syntax-selection-color: lighten(@syntax-background-color, 10%);\n@syntax-background-color: @very-dark-gray;\n@syntax-comment-color: lighten(@very-dark-gray, 20%);\n\n// Guide colors\n@syntax-wrap-guide-color: @dark-gray;\n@syntax-indent-guide-color: lighten(@syntax-background-color, 2.5%);\n@syntax-invisible-character-color: @gray;\n\n// For find and replace markers\n@syntax-result-marker-color: @light-gray;\n@syntax-result-marker-color-selected: white;\n\n// Gutter colors\n@syntax-gutter-text-color: fade(@syntax-text-color, 20%);\n@syntax-gutter-text-color-selected: @syntax-gutter-text-color;\n@syntax-gutter-background-color: @syntax-background-color;\n@syntax-gutter-background-color-selected: darken(@syntax-background-color, 5%);\n\n// For git diff info. i.e. in the gutter\n@syntax-color-renamed: @blue;\n@syntax-color-added: @green;\n@syntax-color-modified: @orange;\n@syntax-color-removed: @red;\n"
  }
]