├── .gitignore ├── LICENSE ├── README.md ├── index.less ├── package.json └── styles ├── amu-extra.less ├── base.less └── syntax-variables.less /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | npm-debug.log 3 | node_modules 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Silvestre Herrera 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![](http://i.imgur.com/f58FC9u.png) 2 | --- 3 | 4 | A light variant of [Atom Material Syntax](https://github.com/silvestreh/atom-material-ui) for [Atom Material UI](https://github.com/silvestreh/atom-material-ui). Inspired by Mattia Astorino's [SublimeText theme](https://github.com/equinusocio/material-theme). 5 | 6 | ![](http://i.imgur.com/HkCKXxX.png) 7 | -------------------------------------------------------------------------------- /index.less: -------------------------------------------------------------------------------- 1 | @import "./styles/base.less"; 2 | @import "./styles/amu-extra.less"; 3 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "atom-material-syntax-light", 3 | "theme": "syntax", 4 | "version": "0.4.6", 5 | "description": "A light syntax theme for Atom that uses Google's Material Design color palette", 6 | "keywords": [ 7 | "syntax", 8 | "theme", 9 | "material design", 10 | "material" 11 | ], 12 | "repository": "https://github.com/silvestreh/atom-material-syntax-light", 13 | "license": "MIT", 14 | "engines": { 15 | "atom": ">=1.13.0 <2.0.0" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /styles/amu-extra.less: -------------------------------------------------------------------------------- 1 | [data-grammar*="gfm"] { 2 | .syntax--markup.syntax--underline.syntax--link { 3 | color: lighten(#ff5370, 10%); 4 | 5 | span.syntax--punctuation { 6 | color: #ff5370; 7 | } 8 | } 9 | .syntax--markup.syntax--strike { 10 | position: relative; 11 | color: fade(@syntax-text-color, 50%); 12 | 13 | &::after { 14 | content: ""; 15 | position: absolute; 16 | top: calc(50% + 4px); 17 | left: 0; 18 | right: 0; 19 | height: 1px; 20 | background-color: fade(@syntax-text-color, 20%); 21 | } 22 | } 23 | .syntax--table .syntax--border { 24 | color: fade(@syntax-text-color, 50%); 25 | } 26 | .syntax--markup.syntax--heading { 27 | color: #82b1ff; 28 | } 29 | .syntax--punctuation.syntax--definition.syntax--begin, 30 | .syntax--punctuation.syntax--definition.syntax--end { 31 | color: #82b1ff; 32 | } 33 | .syntax--punctuation.syntax--definition.syntax--begin + span:not(.syntax--function.syntax--parameter) { 34 | color: lighten(#82b1ff, 5%); 35 | } 36 | } 37 | .bracket-matcher .region { 38 | border-bottom: 1px solid @syntax-cursor-color; 39 | box-sizing: border-box; 40 | text-align: center; 41 | background-color: fade(@syntax-text-color, 10%); 42 | box-shadow: inset 0 -1px 0 @syntax-cursor-color; 43 | z-index: 100; 44 | } 45 | atom-text-editor.is-focused .selection .region { 46 | background-color: @syntax-selection-color; 47 | border-radius: 0.125rem; 48 | } 49 | .syntax--variable { 50 | &.syntax--instance, &.syntax--instance > * { 51 | color: #E53935; 52 | } 53 | } 54 | .syntax--meta { 55 | &.syntax--delimiter.syntax--period { 56 | color: #945eb8; 57 | } 58 | &.syntax--brace { 59 | color: #8796B0; 60 | } 61 | &.syntax--tag.syntax--doctype { 62 | color: #945eb8; 63 | } 64 | .syntax--string.syntax--quoted { 65 | color: #91b859; 66 | } 67 | &.syntax--array.syntax--json .syntax--string.syntax--quoted { 68 | color: #80CBC4; 69 | 70 | > * { 71 | color: currentColor; 72 | } 73 | } 74 | .syntax--punctuation.syntax--separator.syntax--key-value + .syntax--string.syntax--quoted { 75 | color: #80CBC4; 76 | 77 | * { 78 | color: currentColor; 79 | } 80 | } 81 | &.syntax--structure.syntax--dictionary .syntax--string.syntax--quoted { 82 | color: #91b859; 83 | 84 | .syntax--punctuation.syntax--string { 85 | color: currentColor; 86 | } 87 | } 88 | } 89 | .syntax--support.syntax--constant { 90 | color: #8796B0; 91 | } 92 | .syntax--keyword { 93 | &.syntax--operator { 94 | &.syntax--logical, &.syntax--comparison, &.syntax--assignment { 95 | color: #3fb3a8; 96 | } 97 | } 98 | } 99 | .syntax--punctuation.syntax--section.syntax--embedded, .syntax--variable.syntax--interpolation { 100 | .syntax--source.syntax--php { 101 | color: currentColor; 102 | } 103 | } 104 | -------------------------------------------------------------------------------- /styles/base.less: -------------------------------------------------------------------------------- 1 | @import "syntax-variables"; 2 | 3 | atom-text-editor { 4 | background-color: @syntax-background-color; 5 | color: @syntax-text-color; 6 | } 7 | 8 | atom-text-editor .gutter { 9 | background-color: @syntax-gutter-background-color; 10 | color: @syntax-gutter-text-color; 11 | } 12 | 13 | atom-text-editor .gutter .line-number.cursor-line { 14 | background-color: @syntax-gutter-background-color-selected; 15 | color: @syntax-gutter-text-color-selected; 16 | } 17 | 18 | atom-text-editor .gutter .line-number.cursor-line-no-selection { 19 | color: @syntax-gutter-text-color-selected; 20 | } 21 | 22 | atom-text-editor .wrap-guide { 23 | color: @syntax-wrap-guide-color; 24 | } 25 | 26 | atom-text-editor .indent-guide { 27 | color: @syntax-indent-guide-color; 28 | } 29 | 30 | atom-text-editor .invisible-character { 31 | color: @syntax-invisible-character-color; 32 | } 33 | 34 | atom-text-editor .search-results .syntax--marker .region { 35 | background-color: transparent; 36 | border: @syntax-result-marker-color; 37 | } 38 | 39 | atom-text-editor .search-results .syntax--marker.current-result .region { 40 | border: @syntax-result-marker-color-selected; 41 | } 42 | 43 | atom-text-editor.is-focused .cursor { 44 | border-color: @syntax-cursor-color; 45 | } 46 | 47 | atom-text-editor.is-focused .selection .region { 48 | background-color: @syntax-selection-color; 49 | } 50 | 51 | atom-text-editor.is-focused .line-number.cursor-line-no-selection, 52 | atom-text-editor.is-focused .line.cursor-line { 53 | background-color: rgba(144, 164, 174, 0.13); 54 | } 55 | 56 | .syntax--comment, 57 | .syntax--punctuation.syntax--definition.syntax--comment { 58 | font-style: italic; 59 | color: #CCD7DA; 60 | } 61 | 62 | .syntax--string .syntax--constant.syntax--other.syntax--placeholder, 63 | .syntax--variable { 64 | color: #80CBC4; 65 | } 66 | 67 | .syntax--constant.syntax--other.syntax--color { 68 | color: #ffffff; 69 | } 70 | 71 | .syntax--invalid, 72 | .syntax--invalid.syntax--broken, 73 | .syntax--invalid.syntax--illegal { 74 | color: #ffffff; 75 | background-color: #E53935; 76 | } 77 | 78 | .syntax--invalid.syntax--unimplemented { 79 | color: #ffffff; 80 | background-color: #91B859; 81 | } 82 | 83 | .syntax--invalid.syntax--deprecated { 84 | color: #ffffff; 85 | background-color: #7C4DFF; 86 | } 87 | 88 | .syntax--keyword, 89 | .syntax--storage.syntax--modifier, 90 | .syntax--storage.syntax--type { 91 | color: #7C4DFF; 92 | } 93 | 94 | .syntax--keyword.syntax--control, 95 | .syntax--storage.syntax--type { 96 | font-style: italic; 97 | } 98 | 99 | .syntax--constant.syntax--other.syntax--color, 100 | .syntax--keyword.syntax--operator, 101 | .syntax--keyword.syntax--other.syntax--substitution, 102 | .syntax--keyword.syntax--other.syntax--template, 103 | .syntax--meta.syntax--tag, 104 | .syntax--punctuation, 105 | .syntax--punctuation.syntax--definition.syntax--tag, 106 | .syntax--punctuation.syntax--definition.syntax--tag.syntax--begin.syntax--html, 107 | .syntax--punctuation.syntax--definition.syntax--tag.syntax--end.syntax--html, 108 | .syntax--punctuation.syntax--definition.syntax--tag.syntax--html, 109 | .syntax--punctuation.syntax--section.syntax--embedded, 110 | .syntax--punctuation.syntax--separator.syntax--inheritance.syntax--php { 111 | color: #39ADB5; 112 | } 113 | 114 | .syntax--entity.syntax--name.syntax--tag, 115 | .syntax--markup.syntax--deleted.syntax--git_gutter, 116 | .syntax--meta.syntax--tag.syntax--sgml { 117 | color: #FF5370; 118 | } 119 | 120 | .syntax--entity.syntax--name.syntax--function, 121 | .syntax--keyword.syntax--other.syntax--special-method, 122 | .syntax--meta.syntax--block-level, 123 | .syntax--meta.syntax--function-call, 124 | .syntax--support.syntax--function, 125 | .syntax--variable.syntax--function { 126 | color: #6182B8; 127 | } 128 | 129 | .syntax--string.syntax--other.syntax--link, 130 | .syntax--support.syntax--other.syntax--variable { 131 | color: #FF5370; 132 | } 133 | 134 | .syntax--constant.syntax--character, 135 | .syntax--constant.syntax--language, 136 | .syntax--constant.syntax--numeric, 137 | .syntax--keyword.syntax--other.syntax--unit, 138 | .syntax--support.syntax--constant, 139 | .syntax--variable.syntax--parameter { 140 | color: #F76D47; 141 | } 142 | 143 | .syntax--constant.syntax--other.syntax--key, 144 | .syntax--constant.syntax--other.syntax--symbol, 145 | .syntax--entity.syntax--other.syntax--inherited-class, 146 | .syntax--markup.syntax--heading, 147 | .syntax--markup.syntax--inserted.syntax--git_gutter, 148 | .syntax--meta.syntax--group.syntax--braces.syntax--curly .syntax--constant.syntax--other.syntax--object.syntax--key.syntax--js .syntax--string.syntax--unquoted.syntax--label.syntax--js, 149 | .syntax--string { 150 | color: #91B859; 151 | } 152 | 153 | .syntax--entity.syntax--name.syntax--class, 154 | .syntax--entity.syntax--name.syntax--type.syntax--class, 155 | .syntax--markup.syntax--changed.syntax--git_gutter, 156 | .syntax--meta.syntax--use.syntax--php, 157 | .syntax--support.syntax--class, 158 | .syntax--support.syntax--orther.syntax--namespace.syntax--use.syntax--php, 159 | .syntax--support.syntax--other.syntax--namespace.syntax--php, 160 | .syntax--support.syntax--type, 161 | .syntax--support.syntax--type.syntax--sys-types { 162 | color: #FFB62C; 163 | } 164 | 165 | .syntax--source.syntax--css .syntax--support.syntax--type, 166 | .syntax--source.syntax--less .syntax--support.syntax--type, 167 | .syntax--source.syntax--sass .syntax--support.syntax--type, 168 | .syntax--source.syntax--scss .syntax--support.syntax--type, 169 | .syntax--source.syntax--stylus .syntax--support.syntax--type { 170 | color: #8796B0; 171 | } 172 | 173 | .syntax--entity.syntax--name.syntax--module.syntax--js, 174 | .syntax--variable.syntax--import.syntax--parameter.syntax--js, 175 | .syntax--variable.syntax--other.syntax--class.syntax--js { 176 | color: #E53935; 177 | } 178 | 179 | .syntax--variable.syntax--language { 180 | font-style: italic; 181 | color: #E53935; 182 | } 183 | 184 | .syntax--entity.syntax--name.syntax--method.syntax--js { 185 | color: #6182B8; 186 | } 187 | 188 | .syntax--meta.syntax--class-method.syntax--js .syntax--entity.syntax--name.syntax--function.syntax--js, 189 | .syntax--variable.syntax--function.syntax--constructor { 190 | color: #6182B8; 191 | } 192 | 193 | .syntax--entity.syntax--other.syntax--attribute-name { 194 | color: #7C4DFF; 195 | } 196 | 197 | .syntax--text.syntax--html.syntax--basic .syntax--entity.syntax--other.syntax--attribute-name, 198 | .syntax--text.syntax--html.syntax--basic .syntax--entity.syntax--other.syntax--attribute-name.syntax--html { 199 | font-style: italic; 200 | color: #FFB62C; 201 | } 202 | 203 | .syntax--entity.syntax--other.syntax--attribute-name.syntax--class { 204 | color: #FFB62C; 205 | } 206 | 207 | .syntax--source.syntax--sass .syntax--keyword.syntax--control { 208 | color: #6182B8; 209 | } 210 | 211 | .syntax--markup.syntax--inserted { 212 | color: #91B859; 213 | } 214 | 215 | .syntax--markup.syntax--deleted { 216 | color: #E53935; 217 | } 218 | 219 | .syntax--markup.syntax--changed { 220 | color: #7C4DFF; 221 | } 222 | 223 | .syntax--string.syntax--regexp { 224 | color: #39ADB5; 225 | } 226 | 227 | .syntax--constant.syntax--character.syntax--escape { 228 | color: #39ADB5; 229 | } 230 | 231 | * .syntax--link *, 232 | * .syntax--uri *, 233 | * .syntax--url * { 234 | text-decoration: underline; 235 | } 236 | 237 | .syntax--constant.syntax--numeric.syntax--line-number.syntax--find-in-files:not(.syntax--match) { 238 | color: #C17E70; 239 | } 240 | 241 | .syntax--entity.syntax--name.syntax--filename.syntax--find-in-files { 242 | color: #91B859; 243 | } 244 | 245 | .syntax--tag.syntax--decorator.syntax--js .syntax--entity.syntax--name.syntax--tag.syntax--js, 246 | .syntax--tag.syntax--decorator.syntax--js .syntax--punctuation.syntax--definition.syntax--tag.syntax--js { 247 | font-style: italic; 248 | color: #6182B8; 249 | } 250 | 251 | .syntax--source.syntax--js .syntax--constant.syntax--other.syntax--object.syntax--key.syntax--js .syntax--string.syntax--unquoted.syntax--label.syntax--js { 252 | font-style: italic; 253 | color: #E53935; 254 | } 255 | 256 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 257 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 258 | color: #91B859; 259 | } 260 | 261 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 262 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 263 | color: #7C4DFF; 264 | } 265 | 266 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 267 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 268 | color: #FF5370; 269 | } 270 | 271 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 272 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 273 | color: #6182B8; 274 | } 275 | 276 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 277 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 278 | color: #C17E70; 279 | } 280 | 281 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 282 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 283 | color: #E53935; 284 | } 285 | 286 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 287 | .syntax--source.syntax--json .syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 288 | color: #F76D47; 289 | } 290 | 291 | .syntax--source.syntax--json .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 292 | .syntax--source.syntax--json .syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 293 | color: #FFB62C; 294 | } 295 | 296 | .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--punctuation.syntax--definition.syntax--string:not(.syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--punctuation.syntax--definition.syntax--string), 297 | .syntax--source.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json:not(.syntax--meta.syntax--structure.syntax--dictionary.syntax--json .syntax--meta.syntax--structure.syntax--dictionary.syntax--value.syntax--json .syntax--string.syntax--quoted.syntax--double.syntax--json) { 298 | color: #7C4DFF; 299 | } 300 | 301 | .syntax--punctuation.syntax--definition.syntax--list_item.syntax--markdown, 302 | .syntax--text.syntax--html.syntax--markdown { 303 | color: #80CBC4; 304 | } 305 | 306 | .syntax--text.syntax--html.syntax--markdown .syntax--markup.syntax--raw.syntax--inline { 307 | color: #7C4DFF; 308 | } 309 | 310 | .syntax--text.syntax--html.syntax--markdown .syntax--punctuation.syntax--definition.syntax--raw.syntax--markdown { 311 | color: #E7EAEC; 312 | } 313 | 314 | .syntax--text.syntax--html.syntax--markdown .syntax--meta.syntax--dummy.syntax--line-break {} 315 | 316 | .syntax--markdown.syntax--heading, 317 | .syntax--markup.syntax--heading, 318 | .syntax--markup.syntax--heading .syntax--entity.syntax--name, 319 | .syntax--markup.syntax--heading.syntax--markdown .syntax--punctuation.syntax--definition.syntax--heading.syntax--markdown { 320 | color: #91B859; 321 | } 322 | 323 | .syntax--markup.syntax--italic { 324 | font-style: italic; 325 | color: #FF5370; 326 | } 327 | 328 | .syntax--markup.syntax--bold, 329 | .syntax--markup.syntax--bold .syntax--string { 330 | font-weight: bold; 331 | color: #FF5370; 332 | } 333 | 334 | .syntax--markup.syntax--bold .syntax--markup.syntax--italic, 335 | .syntax--markup.syntax--bold .syntax--markup.syntax--italic .syntax--string, 336 | .syntax--markup.syntax--italic .syntax--markup.syntax--bold, 337 | .syntax--markup.syntax--italic .syntax--markup.syntax--bold .syntax--string, 338 | .syntax--markup.syntax--quote .syntax--markup.syntax--bold, 339 | .syntax--markup.syntax--quote .syntax--markup.syntax--bold .syntax--string { 340 | font-weight: bold; 341 | font-style: italic; 342 | } 343 | 344 | .syntax--markup.syntax--underline { 345 | text-decoration: underline; 346 | color: #F76D47; 347 | } 348 | 349 | .syntax--markup.syntax--strike {} 350 | 351 | .syntax--markup.syntax--quote .syntax--punctuation.syntax--definition.syntax--blockquote.syntax--markdown { 352 | color: #E7EAEC; 353 | background-color: #E7EAEC; 354 | } 355 | 356 | .syntax--markup.syntax--quote { 357 | font-style: italic; 358 | } 359 | 360 | .syntax--string.syntax--other.syntax--link.syntax--title.syntax--markdown { 361 | color: #6182B8; 362 | } 363 | 364 | .syntax--string.syntax--other.syntax--link.syntax--description.syntax--title.syntax--markdown { 365 | color: #7C4DFF; 366 | } 367 | 368 | .syntax--constant.syntax--other.syntax--reference.syntax--link.syntax--markdown { 369 | color: #FFB62C; 370 | } 371 | 372 | .syntax--markup.syntax--raw.syntax--block { 373 | color: #7C4DFF; 374 | } 375 | 376 | .syntax--markup.syntax--raw.syntax--block.syntax--fenced.syntax--markdown { 377 | background-color: rgba(144, 164, 174, 0.13); 378 | } 379 | 380 | .syntax--punctuation.syntax--definition.syntax--fenced.syntax--markdown { 381 | background-color: rgba(144, 164, 174, 0.13); 382 | } 383 | 384 | .syntax--markup.syntax--raw.syntax--block.syntax--fenced.syntax--markdown, 385 | .syntax--punctuation.syntax--section.syntax--class.syntax--end, 386 | .syntax--variable.syntax--language.syntax--fenced.syntax--markdown { 387 | color: #80CBC4; 388 | } 389 | 390 | .syntax--variable.syntax--language.syntax--fenced.syntax--markdown { 391 | color: #E7EAEC; 392 | } 393 | 394 | .syntax--text.syntax--html.syntax--markdown .syntax--punctuation.syntax--definition { 395 | color: #CCD7DA; 396 | } 397 | 398 | .syntax--text.syntax--html.syntax--markdown .syntax--meta.syntax--disable-markdown .syntax--punctuation.syntax--definition { 399 | color: #39ADB5; 400 | } 401 | 402 | .syntax--meta.syntax--separator { 403 | font-weight: bold; 404 | color: #E7EAEC; 405 | background-color: rgba(144, 164, 174, 0.13); 406 | } 407 | 408 | .syntax--markup.syntax--table { 409 | color: #80CBC4; 410 | } 411 | 412 | .syntax--acejump.syntax--label.syntax--blue { 413 | color: #ffffff; 414 | background-color: #6182B8; 415 | } 416 | 417 | .syntax--acejump.syntax--label.syntax--green { 418 | color: #ffffff; 419 | background-color: #91B859; 420 | } 421 | 422 | .syntax--acejump.syntax--label.syntax--orange { 423 | color: #ffffff; 424 | background-color: #F76D47; 425 | } 426 | 427 | .syntax--acejump.syntax--label.syntax--purple { 428 | color: #ffffff; 429 | background-color: #7C4DFF; 430 | } 431 | 432 | .syntax--sublimelinter.syntax--mark.syntax--warning { 433 | color: #FFB62C; 434 | } 435 | 436 | .syntax--sublimelinter.syntax--gutter-mark { 437 | color: #ffffff; 438 | } 439 | 440 | .syntax--sublimelinter.syntax--mark.syntax--error { 441 | color: #E53935; 442 | } 443 | 444 | .syntax--sublimelinter.syntax--annotations { 445 | background-color: #C17E70; 446 | } 447 | 448 | .syntax--markup.syntax--ignored.syntax--git_gutter { 449 | color: #E7EAEC; 450 | } 451 | 452 | .syntax--markup.syntax--untracked.syntax--git_gutter { 453 | color: #E7EAEC; 454 | } 455 | 456 | .syntax--markup.syntax--inserted.syntax--git_gutter { 457 | color: #91B859; 458 | } 459 | 460 | .syntax--markup.syntax--changed.syntax--git_gutter { 461 | color: #FFB62C; 462 | } 463 | 464 | .syntax--markup.syntax--deleted.syntax--git_gutter { 465 | color: #E53935; 466 | } 467 | 468 | .syntax--brackethighlighter.syntax--default { 469 | color: #8796B0; 470 | } 471 | 472 | .syntax--brackethighlighter.syntax--quote { 473 | color: #91B859; 474 | } 475 | 476 | .syntax--brackethighlighter.syntax--unmatched { 477 | color: #E53935; 478 | } 479 | -------------------------------------------------------------------------------- /styles/syntax-variables.less: -------------------------------------------------------------------------------- 1 | // This defines all syntax variables that syntax themes must implement when they 2 | // include a syntax-variables.less file. 3 | 4 | @syntax-cursor-line: hsla(220, 100%, 80%, .04); // needs to be semi-transparent to show serach results 5 | @syntax-bracket-matcher-background-color: lighten(@syntax-background-color, 8%); 6 | 7 | // General colors 8 | @syntax-text-color: #607D8B; 9 | @syntax-cursor-color: #009688; 10 | @syntax-selection-color: #D6EDEA; 11 | @syntax-background-color: #FAFAFA; 12 | @syntax-comment-color: #B0BEC5; 13 | 14 | // Guide colors 15 | @syntax-wrap-guide-color: darken(@syntax-background-color, 5%); 16 | @syntax-indent-guide-color: darken(@syntax-background-color, 5%); 17 | @syntax-invisible-character-color: darken(@syntax-background-color, 10%); 18 | 19 | // For find and replace markers 20 | @syntax-result-marker-color: lighten(@syntax-text-color, 40%); 21 | @syntax-result-marker-color-selected: lighten(@syntax-text-color, 30%); 22 | 23 | // Gutter colors 24 | @syntax-gutter-text-color: @syntax-comment-color; 25 | @syntax-gutter-text-color-selected: desaturate(lighten(@syntax-cursor-color, 30%), 60%); 26 | @syntax-gutter-background-color: @syntax-background-color; 27 | @syntax-gutter-background-color-selected: @syntax-background-color; 28 | 29 | // For git diff info. i.e. in the gutter 30 | @syntax-color-renamed: #4FC3F7; 31 | @syntax-color-added: #9CCC65; 32 | @syntax-color-modified: #e2b93d; 33 | @syntax-color-removed: #EF5350; 34 | --------------------------------------------------------------------------------