├── .gitignore ├── .vscodeignore ├── icon.png ├── city-lights-theme-1.1.9.vsix ├── package.json ├── README.md └── themes └── City Lights-color-theme.json /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .vscode -------------------------------------------------------------------------------- /.vscodeignore: -------------------------------------------------------------------------------- 1 | .gitignore 2 | .vscode 3 | .vscode/launch.json -------------------------------------------------------------------------------- /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Yummygum/city-lights-syntax-vsc/HEAD/icon.png -------------------------------------------------------------------------------- /city-lights-theme-1.1.9.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Yummygum/city-lights-syntax-vsc/HEAD/city-lights-theme-1.1.9.vsix -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "city-lights-theme", 3 | "displayName": "City Lights theme", 4 | "description": "The City Lights Color Theme is a gorgeous dark color theme designed with focus in mind.", 5 | "version": "1.1.9", 6 | "author": "Noud Adrichem", 7 | "category": "Theme", 8 | "publisher": "yummygum", 9 | "icon": "icon.png", 10 | "repository": "https://github.com/Yummygum/city-lights-syntax-vsc", 11 | "engines": { 12 | "vscode": "^1.17.0" 13 | }, 14 | "categories": [ 15 | "Themes" 16 | ], 17 | "contributes": { 18 | "themes": [ 19 | { 20 | "label": "City Lights", 21 | "uiTheme": "vs-dark", 22 | "path": "./themes/City Lights-color-theme.json" 23 | } 24 | ] 25 | }, 26 | "__metadata": { 27 | "id": "9af62ee3-0097-4b7b-891a-4a94eb3e1009", 28 | "publisherDisplayName": "Yummygum", 29 | "publisherId": "e3dfdd72-432a-4f16-bac9-f33b77077cdc" 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # City Lights Color Theme 2 | 3 | ![Image of the city lights color theme](https://citylights.xyz/assets/images/theme/vsc-syntax.png) 4 | 5 | ## If you encounter bugs with the colors. 6 | Add `"editor.semanticHighlighting.enabled": false,` to your settings.json. 7 | 8 | The City Lights Color Theme is a gorgeous dark syntax theme designed with focus in mind. City Lights Color Theme has many custom made visual aids to help you code faster and more accurate. Over eight of the most popular coding languages are currently supported. 9 | 10 | This City Lights Color Theme is a part of City Lights; suite of beautiful matte dark themed goodies for Atom & Visual Studio Code. For more information, please go to http://citylights.xyz. 11 | 12 | ## Install 13 | 1. Open **Extensions** sidebar panel in VS Code. `View → Extensions` 14 | 1. Search for `City Lights theme` 15 | 1. Click **Install** 16 | 1. Click **Reload** 17 | 1. File > Preferences > Color Theme > **City Lights** 18 | 19 | 20 | #### GitHub Repository Clone 21 | Change to your `.vscode/extensions` [VS Code extensions directory](https://code.visualstudio.com/docs/extensions/install-extension#_side-loading). 22 | Depending on your platform it is located in the following folders: 23 | 24 | - **Linux** `~/.vscode/extensions` 25 | - **macOs** `~/.vscode/extensions` 26 | - **Windows** `%USERPROFILE%\.vscode\extensions` 27 | 28 | Clone the theme repository as `city-lights-theme`: 29 | 30 | ```shell 31 | git clone https://github.com/Yummygum/city-lights-syntax-vsc.git city-lights-theme 32 | ``` 33 | Afterwards, you will need to activate the theme via 34 | `File > Preferences > Color Theme > City Lights` 35 | 36 | 37 | ## Feedback/Issues 38 | Are you enjoying the City Lights Color Theme? Don't hesitate to share your excitement. Also let us know if you'd like to see any specific syntax added by creating a Github issue. 39 | 40 | ## License 41 | The following licensing applies to City Lights Syntax Theme: Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0). For more information go to [https://creativecommons.org/licenses/by-nc-nd/4.0/](https://creativecommons.org/licenses/by-nc-nd/4.0/) 42 | 43 | ## Donate 44 | The City Lights Color Theme is available for free. If you're enjoying the City Lights Syntax Theme, feel free to help us crank out updates even faster by donating a coffee to us via PayPal. 45 | 46 | Built with `♥` by Yummygum
47 | [yummygum.com](https://yummygum.com)
48 | [twitter.com/yummygum](http://twitter.com/yummygum)
49 | [instagram.com/yummygum](https://instagram.com/yummygum)
50 | -------------------------------------------------------------------------------- /themes/City Lights-color-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "vscode://schemas/color-theme", 3 | "name": "City Lights", 4 | "type": "dark", 5 | "editor.semanticHighlighting.enabled": false, 6 | "colors": { 7 | 8 | "breadcrumb.foreground": "#718ca1", 9 | "breadcrumb.focusForeground": "#b7c5d3", 10 | "breadcrumb.activeSelectionForeground": "#41505e", 11 | "breadcrumbPicker.background": "#28323a", 12 | 13 | "activityBar.background": "#1D252C", 14 | "activityBar.border": "#333F4A", 15 | "activityBar.dropBackground": "#333F4A", 16 | "activityBar.foreground": "#fff", 17 | "activityBarBadge.background": "#b7c5d3", 18 | "activityBarBadge.foreground": "#181e24", 19 | 20 | "badge.background": "#5ec4ff", 21 | "badge.foreground": "#181e24", 22 | 23 | "button.background": "#1D252C", 24 | "button.foreground": "#fff", 25 | "button.hoverBackground": "#008B94", 26 | 27 | "contrastBorder": "#ffffff00", 28 | 29 | "debugExceptionWidget.background": "#181e24", 30 | "debugExceptionWidget.border": "#b7c5d3", 31 | "debugToolBar.background": "#181e24", 32 | 33 | "descriptionForeground": "#b7c5d3", 34 | 35 | // "diffEditor.insertedTextBackground": "#B7C5D3", 36 | // "diffEditor.insertedTextBorder": "#333F4A", 37 | // "diffEditor.removedTextBackground": "#B7C5D3", 38 | // "diffEditor.removedTextBorder": "#333F4A", 39 | "diffEditor.insertedTextBackground": "#204729", 40 | "diffEditor.insertedTextBorder": "#204729", 41 | "diffEditor.removedTextBackground": "#5C2A31", 42 | "diffEditor.removedTextBorder": "#5C2A31", 43 | 44 | "dropdown.background": "#41505e", 45 | "dropdown.border": "#41505e", 46 | "dropdown.foreground": "#fff", 47 | 48 | "editor.background": "#1D252C", 49 | 50 | "editor.foreground": "#B7C5D3", 51 | 52 | "editor.findMatchBackground": "#b7c5d380", 53 | 54 | "editor.findMatchHighlightBackground": "#b7c5d330", 55 | 56 | "editor.findRangeHighlightBackground": "#243E51", 57 | 58 | "editor.hoverHighlightBackground": "#333F4A", 59 | 60 | "editor.inactiveSelectionBackground": "#1D252C", 61 | 62 | "editor.lineHighlightBackground": "#28313a", 63 | "editor.lineHighlightBorder": "#28313a", 64 | "editor.rangeHighlightBackground": "#28313a", 65 | 66 | "editor.selectionBackground": "#28323a", 67 | 68 | "editor.selectionHighlightBackground": "#28313a", 69 | 70 | "editor.wordHighlightStrongBackground": "#41505e", 71 | 72 | "editor.wordHighlightBackground": "#FFFFFF0D", 73 | "editorBracketMatch.background": "#3d454d", 74 | "editorBracketMatch.border": "#4e6e99", 75 | "editorCodeLens.foreground": "#b7c5d3", 76 | "editorCursor.foreground": "#5ec4ff", 77 | "editorError.border": "#333F4A", 78 | "editorError.foreground": "#e27e8d", 79 | 80 | "editorGutter.background": "#1D252C", 81 | "editorGutter.addedBackground": "#8bd49c", 82 | "editorGutter.deletedBackground": "#e27e8d", 83 | "editorGutter.modifiedBackground": "#26506D", 84 | 85 | "editorGroup.emptyBackground": "#1D252C", 86 | "editorGroup.border": "#1D252C", 87 | "editorGroup.dropBackground": "#333F4A", 88 | 89 | "editorGroupHeader.noTabsBackground": "#333F4A", 90 | "editorGroupHeader.tabsBackground": "#181e24", 91 | "editorGroupHeader.tabsBorder": "#333F4A", 92 | 93 | "editorHoverWidget.background": "#15232d", 94 | "editorHoverWidget.border": "#333F4A", 95 | "editorIndentGuide.background": "#28323a", 96 | "editorLineNumber.foreground": "#41505E", 97 | "editorLink.activeForeground": "#b7c5d3", 98 | 99 | "editorMarkerNavigation.background": "#1D252C", 100 | "editorMarkerNavigationError.background": "#d95468", 101 | "editorMarkerNavigationWarning.background": "#d98e48", 102 | 103 | "editorOverviewRuler.border": "#333F4A", 104 | "editorOverviewRuler.commonContentForeground": "#ebbf8355", 105 | "editorOverviewRuler.currentContentForeground": "#ee3a4355", 106 | "editorOverviewRuler.incomingContentForeground": "#3ad90055", 107 | "editorRuler.foreground": "#1F4662", 108 | 109 | "editorSuggestWidget.background": "#15232d", 110 | "editorSuggestWidget.border": "#15232d", 111 | "editorSuggestWidget.foreground": "#b7c5d3", 112 | "editorSuggestWidget.highlightForeground": "#ebbf83", 113 | "editorSuggestWidget.selectedBackground": "#28323a", 114 | 115 | "editorWarning.border": "#ffffff00", 116 | "editorWarning.foreground": "#ebbf83", 117 | "editorWhitespace.foreground": "#ffffff1a", 118 | "editorWidget.background": "#15232d", 119 | "editorWidget.border": "#333F4A", 120 | "errorForeground": "#e27e8d", 121 | 122 | "extensionButton.prominentBackground": "#008B94", 123 | "extensionButton.prominentForeground": "#fff", 124 | "extensionButton.prominentHoverBackground": "#008B94", 125 | "focusBorder": "#333F4A", 126 | "foreground": "#b7c5d3", 127 | 128 | "input.background": "#333F4A", 129 | "input.border": "#333F4A", 130 | "input.foreground": "#b7c5d3", 131 | "input.placeholderForeground": "#b7c5d3", 132 | "inputOption.activeBorder": "#539afc", 133 | "inputValidation.errorForeground": "#fff", 134 | "inputValidation.errorBackground": "#e27e8d", 135 | "inputValidation.errorBorder": "#d95468", 136 | "inputValidation.infoBackground": "#5ec4ff", 137 | "inputValidation.infoBorder": "#539afc", 138 | "inputValidation.warningBackground": "#ebbf83", 139 | "inputValidation.warningBorder": "#d98e48", 140 | 141 | "list.activeSelectionBackground": "#1D252C", 142 | "list.activeSelectionForeground": "#b7c5d3", 143 | "list.dropBackground": "#333F4A", 144 | "list.focusBackground": "#333F4A", 145 | "list.focusForeground": "#b7c5d3", 146 | "list.highlightForeground": "#008b94", 147 | "list.hoverBackground": "#1D252C", 148 | "list.hoverForeground": "#b7c5d3", 149 | "list.inactiveSelectionBackground": "#333F4A", 150 | "list.inactiveSelectionForeground": "#b7c5d3", 151 | 152 | "panel.background": "#171d23", 153 | "panel.border": "#171d23", 154 | "panelTitle.activeBorder": "#41505E", 155 | "panelTitle.activeForeground": "#41505E", 156 | "panelTitle.inactiveForeground": "#b7c5d3", 157 | 158 | "peekView.border": "#333F4A", 159 | "peekViewEditor.background": "#15232d", 160 | "peekViewEditor.matchHighlightBackground": "#15232d", 161 | "peekViewEditorGutter.background": "#333F4A", 162 | "peekViewResult.background": "#15232d", 163 | "peekViewResult.fileForeground": "#b7c5d3", 164 | "peekViewResult.lineForeground": "#fff", 165 | "peekViewResult.matchHighlightBackground": "#333F4A", 166 | "peekViewResult.selectionBackground": "#333F4A", 167 | "peekViewResult.selectionForeground": "#fff", 168 | "peekViewTitle.background": "#15232d", 169 | "peekViewTitleDescription.foreground": "#b7c5d3", 170 | "peekViewTitleLabel.foreground": "#008b94", 171 | 172 | "pickerGroup.border": "#333F4A", 173 | "pickerGroup.foreground": "#b7c5d3", 174 | 175 | "progressBar.background": "#008b94", 176 | 177 | "scrollbar.shadow": "#00000000", 178 | "scrollbarSlider.activeBackground": "#333F4A", 179 | "scrollbarSlider.background": "#41505E80", 180 | "scrollbarSlider.hoverBackground": "#41505ECC", 181 | 182 | "selection.background": "#027dff", 183 | 184 | "sideBar.background": "#171d23", 185 | "sideBar.border": "#1D252C", 186 | "sideBar.foreground": "#b7c5d3", 187 | "sideBarSectionHeader.background": "#1D252C", 188 | "sideBarSectionHeader.foreground": "#b7c5d3", 189 | "sideBarTitle.foreground": "#b7c5d3", 190 | 191 | "gitDecoration.ignoredResourceForeground": "#41505e", 192 | "gitDecoration.addedResourceForeground": "#60af73", 193 | "gitDecoration.modifiedResourceForeground": "#ebbf83", 194 | "gitDecoration.deletedResourceForeground": "#e27e8d", 195 | "gitDecoration.untrackedResourceForeground": "#8bd49c", 196 | "gitDecoration.conflictingResourceForeground": "#33ced8", 197 | 198 | "statusBar.background": "#171d23", 199 | "statusBar.border": "#1D252C", 200 | "statusBar.debuggingBackground": "#171d23", 201 | "statusBar.debuggingForeground": "#b7c5d3", 202 | "statusBar.foreground": "#b7c5d3", 203 | "statusBar.noFolderBackground": "#171d23", 204 | "statusBar.noFolderForeground": "#b7c5d3", 205 | "statusBarItem.activeBackground": "#333F4A", 206 | "statusBarItem.hoverBackground": "#333F4A", 207 | "statusBarItem.prominentBackground": "#171d23", 208 | "statusBarItem.prominentHoverBackground": "#333F4A", 209 | 210 | "tab.activeBackground": "#1D252C", 211 | "tab.activeForeground": "#fff", 212 | "tab.border": "#171d23", 213 | "tab.activeBorder": "#1D252C", 214 | "tab.inactiveBackground": "#171d23", 215 | "tab.inactiveForeground": "#b7c5d3", 216 | "tab.unfocusedActiveForeground": "#b7c5d3", 217 | "tab.unfocusedInactiveForeground": "#b7c5d3", 218 | 219 | "terminal.ansiBlack": "#41505E", 220 | "terminal.ansiRed": "#d95468", 221 | "terminal.ansiGreen": "#8bd49c", 222 | "terminal.ansiYellow": "#ebbf83", 223 | "terminal.ansiBlue": "#539afc", 224 | "terminal.ansiMagenta": "#b62d65", 225 | "terminal.ansiCyan": "#70e1e8", 226 | "terminal.ansiWhite": "#ffffff", 227 | "terminal.ansiBrightBlack": "#41505E", 228 | "terminal.ansiBrightRed": "#d95468", 229 | "terminal.ansiBrightGreen": "#8bd49c", 230 | "terminal.ansiBrightYellow": "#ebbf83", 231 | "terminal.ansiBrightBlue": "#539afc", 232 | "terminal.ansiBrightMagenta": "#b62d65", 233 | "terminal.ansiBrightCyan": "#70e1e8", 234 | "terminal.ansiBrightWhite": "#ffffff", 235 | 236 | "terminal.background": "#171d23", 237 | "terminal.foreground": "#ffffff", 238 | "terminalCursor.background": "#008B94", 239 | "terminalCursor.foreground": "#008B94", 240 | 241 | "textBlockQuote.background": "#171d23", 242 | "textBlockQuote.border": "#171d23", 243 | "textCodeBlock.background": "#171d23", 244 | "textLink.activeForeground": "#718ca1", 245 | "textLink.foreground": "#718ca1", 246 | "textPreformat.foreground": "#718ca1", 247 | "textSeparator.foreground": "#718ca1", 248 | "titleBar.activeBackground": "#171d23", 249 | "titleBar.activeForeground": "#ffffff", 250 | "titleBar.inactiveBackground": "#1D252C", 251 | "titleBar.inactiveForeground": "#ffffff33", 252 | "walkThrough.embeddedEditorBackground": "#1D252C", 253 | "welcomePage.buttonBackground": "#1D252C", 254 | "welcomePage.buttonHoverBackground": "#333F4A", 255 | "widget.shadow": "#00000026" 256 | }, 257 | "tokenColors": [{ 258 | "name": "Comment", 259 | "scope": [ 260 | "comment", 261 | "punctuation.definition.comment" 262 | ], 263 | "settings": { 264 | "foreground": "#41505E" 265 | } 266 | }, 267 | { 268 | "name": "Constant", 269 | "scope": "constant", 270 | "settings": { 271 | "foreground": "#e27e8d" 272 | } 273 | }, 274 | { 275 | "name": "Entity", 276 | "scope": "entity", 277 | "settings": { 278 | "foreground": "#70e1e8" 279 | } 280 | }, 281 | { 282 | "name": "Invalid", 283 | "scope": "invalid", 284 | "settings": { 285 | "foreground": "#d95468" 286 | } 287 | }, 288 | { 289 | "name": "Keyword", 290 | "scope": "keyword", 291 | "settings": { 292 | "foreground": "#5ec4ff" 293 | } 294 | }, 295 | { 296 | "name": "Storage type", 297 | "scope": "storage.type.class.js", 298 | "settings": { 299 | "foreground": "#008B94" 300 | } 301 | }, 302 | { 303 | "name": "Meta", 304 | "scope": "meta", 305 | "settings": { 306 | "foreground": "#718CA1" 307 | } 308 | }, 309 | { 310 | "name": "Meta Brace", 311 | "scope": "meta.brace", 312 | "settings": { 313 | "foreground": "#718CA1" 314 | } 315 | }, 316 | { 317 | "name": "Punctuation", 318 | "scope": "punctuation", 319 | "settings": { 320 | "foreground": "#718CA1" 321 | } 322 | }, 323 | { 324 | "name": "Punctuation Parameters", 325 | "scope": "punctuation.definition.parameters", 326 | "settings": { 327 | "foreground": "#718CA1" 328 | } 329 | }, 330 | { 331 | "name": "Function Parameters", 332 | "scope": [ 333 | "variable.parameter", 334 | "entity.name.variable.parameter", 335 | "meta.at-rule.function variable", 336 | "meta.at-rule.mixin variable", 337 | "meta.function.arguments", 338 | "meta.selectionset.graphql meta.arguments.graphql variable.arguments.graphql", 339 | ], 340 | "settings": { 341 | "foreground": "#ebbf83" 342 | } 343 | }, 344 | { 345 | "name": "Punctuation Template Expression", 346 | "scope": "punctuation.definition.template-expression", 347 | "settings": { 348 | "foreground": "#68A1F0" 349 | } 350 | }, 351 | { 352 | "name": "Storage", 353 | "scope": "storage", 354 | "settings": { 355 | "foreground": "#008B94" 356 | } 357 | }, 358 | { 359 | "name": "Storage Type Arrow Function", 360 | "scope": "storage.type.function.arrow", 361 | "settings": { 362 | "foreground": "#008B94" 363 | } 364 | }, 365 | { 366 | "name": "String", 367 | "scope": [ 368 | "string", 369 | "punctuation.definition.string" 370 | ], 371 | "settings": { 372 | "foreground": "#68A1F0" 373 | } 374 | }, 375 | { 376 | "name": "String Template", 377 | "scope": [ 378 | "string.template", 379 | "punctuation.definition.string.template" 380 | ], 381 | "settings": { 382 | "foreground": "#68A1F0" 383 | } 384 | }, 385 | { 386 | "name": "Support", 387 | "scope": "support", 388 | "settings": { 389 | "foreground": "#718CA1" 390 | } 391 | }, 392 | { 393 | "name": "Support Function", 394 | "scope": ["support.function"], 395 | "settings": { 396 | "foreground": "#70e1e8" 397 | } 398 | }, 399 | { 400 | "name": "[JAVASCRIPT JSX] React Class", 401 | "scope": [ 402 | "support.class.component.js", 403 | "support.class.component.jsx", 404 | "support.class.component.ts", 405 | "support.class.component.tsx" 406 | ], 407 | "settings": { 408 | "foreground": "#70e1e8" 409 | } 410 | }, 411 | { 412 | "name": "[JAVASCRIPT] - Async/Await", 413 | "scope": [ 414 | "storage.modifier.async.tsx", 415 | "storage.modifier.async.ts", 416 | "storage.modifier.async.js", 417 | "storage.modifier.async.jsx", 418 | "keyword.operator.new.js", 419 | "keyword.control.flow.js", 420 | "keyword.control.flow.jsx", 421 | "keyword.control.flow.ts", 422 | "keyword.control.flow.tsx", 423 | ], 424 | "settings": { 425 | "foreground": "#5ec4ff", 426 | "fontStyle": "italic" 427 | } 428 | }, 429 | { 430 | "name": "Support Variable Property DOM", 431 | "scope":[ 432 | "support.variable.property.dom", 433 | "support.constant.math.js", 434 | "support.constant.math.jsx", 435 | "support.constant.math.ts", 436 | "support.constant.math.jsx", 437 | "support.class.console.js", 438 | "support.class.console.jsx", 439 | "support.class.console.ts", 440 | "support.class.console.tsx" 441 | ], 442 | "settings": { 443 | "foreground": "#b7c5d3" 444 | } 445 | }, 446 | { 447 | "name": "Variable", 448 | "scope": "variable", 449 | "settings": { 450 | "foreground": "#718CA1" 451 | } 452 | }, 453 | { 454 | "name": "[CSS] - Entity", 455 | "scope": [ 456 | "source.css", 457 | "source.stylus", 458 | "source.scss", 459 | "entity.other.attribute-name.class.css" 460 | ], 461 | "settings": { 462 | "foreground": "#68A1F0" 463 | } 464 | }, 465 | { 466 | "name": "[CSS] - Hex hex", 467 | "scope": [ 468 | "punctuation.definition.constant.css" 469 | ], 470 | "settings": { 471 | "foreground": "#D95468" 472 | } 473 | }, 474 | { 475 | "name": "[CSS] - Hex code", 476 | "scope": [ 477 | "constant.other.color.rgb-value.hex.css" 478 | ], 479 | "settings": { 480 | "foreground": "#E27E8Dff" 481 | } 482 | }, 483 | { 484 | "name": "[CSS] - keys", 485 | "scope": [ 486 | "support.type.property-name.css" 487 | ], 488 | "settings": { 489 | "foreground": "#B7C5D3" 490 | } 491 | }, 492 | { 493 | "name": "[CSS] - Important", 494 | "scope": [ 495 | "keyword.other.important.scss" 496 | ], 497 | "settings": { 498 | "foreground": "#b62d65" 499 | } 500 | }, 501 | { 502 | "name": "[CSS] - Important", 503 | "scope": [ 504 | "entity.other.attribute-name.pseudo-element.css" 505 | ], 506 | "settings": { 507 | "foreground": "#5EC4FF" 508 | } 509 | }, 510 | { 511 | "name": "[CSS] - support misc function", 512 | "scope": [ 513 | "support.function.misc.scss" 514 | ], 515 | "settings": { 516 | "foreground": "#B7C5D3" 517 | } 518 | }, 519 | { 520 | "name": "[CSS] - ID Selector", 521 | "scope": [ 522 | "entity.other.attribute-name.id.css", 523 | "punctuation.definition.entity.css" 524 | ], 525 | "settings": { 526 | "foreground": "#68A1F0" 527 | } 528 | }, 529 | { 530 | "name": "[CSS] - Element Selector", 531 | "scope": "entity.name.tag.css", 532 | "settings": { 533 | "foreground": "#68A1F0" 534 | } 535 | }, 536 | { 537 | "name": "[CSS] - Support", 538 | "scope": [ 539 | "source.css support", 540 | "source.stylus support" 541 | ], 542 | "settings": { 543 | "foreground": "#B7C5D3" 544 | } 545 | }, 546 | { 547 | "name": "[CSS] - Constant", 548 | "scope": [ 549 | "source.css constant", 550 | "source.css support.constant", 551 | "source.stylus constant", 552 | "source.stylus support.constant" 553 | ], 554 | "settings": { 555 | "foreground": "#e27e8d" 556 | } 557 | }, 558 | { 559 | "name": "[CSS] - support constant", 560 | "scope": [ 561 | "support.constant.property-value.css" 562 | ], 563 | "settings": { 564 | "foreground": "#718CA1" 565 | } 566 | }, 567 | { 568 | "name": "[CSS] - units", 569 | "scope": [ 570 | "keyword.other.unit.px.css", 571 | "keyword.other.unit.percentage.css", 572 | "constant.other.color.rgb-value.hex.css", 573 | "keyword.other.unit.ms.css", 574 | "keyword.other.unit.s.css", 575 | "keyword.other.unit.vh.css", 576 | "keyword.other.unit.vw.css", 577 | "keyword.other.unit.deg.css" 578 | ], 579 | "settings": { 580 | "foreground": "#d95468" 581 | } 582 | }, 583 | { 584 | "name": "[CSS] - String", 585 | "scope": [ 586 | "source.css string", 587 | "source.css punctuation.definition.string", 588 | "source.stylus string", 589 | "source.stylus punctuation.definition.string" 590 | ], 591 | "settings": { 592 | "foreground": "#68A1F0" 593 | } 594 | }, 595 | { 596 | "name": "[CSS] - Variable", 597 | "scope": [ 598 | "source.css variable", 599 | "source.stylus variable" 600 | ], 601 | "settings": { 602 | "foreground": "#ebbf83" 603 | } 604 | }, 605 | { 606 | "name": "[HTML] - Entity", 607 | "scope": [ 608 | "entity.other" 609 | ], 610 | "settings": { 611 | "foreground": "#33CED8" 612 | } 613 | }, 614 | { 615 | "name": "[HTML] - Text basic", 616 | "scope": "text.html.basic", 617 | "settings": { 618 | "foreground": "#B7C5D3" 619 | } 620 | }, 621 | { 622 | "name": "[HTML] - ID value", 623 | "scope": "toc-list.id.html", 624 | "settings": { 625 | "foreground": "#68A1F0" 626 | } 627 | }, 628 | { 629 | "name": "[HTML] - Tags", 630 | "scope": [ 631 | "punctuation.definition.tag.end.html", 632 | "punctuation.definition.tag.begin.html" 633 | ], 634 | "settings": { 635 | "foreground": "#718CA1" 636 | } 637 | }, 638 | { 639 | "name": "[HTML] - elements", 640 | "scope": [ 641 | "entity.name.tag.block.any.html", 642 | "meta.tag.block.any.html", 643 | "entity.name.tag.inline.any.html", 644 | "entity.name.tag.structure.any.html", 645 | "meta.tag.inline.any.html", 646 | "entity.name.tag.html", 647 | "entity.name.tag.js", 648 | "entity.name.tag.jsx", 649 | "entity.name.tag.ts", 650 | "entity.name.tag.tsx", 651 | "meta.tag.js", 652 | ], 653 | "settings": { 654 | "foreground": "#008b94" 655 | } 656 | }, 657 | { 658 | "name": "[HTML] - Quotes. ", 659 | "scope": "punctuation.definition.string.begin, punctuation.definition.string.end", 660 | "settings": { 661 | "foreground": "#68A1F0" 662 | } 663 | }, 664 | { 665 | "name": "[JAVASCRIPT] - Storage Type Function", 666 | "scope": "source.js storage.type.function", 667 | "settings": { 668 | "foreground": "#008B94" 669 | } 670 | }, 671 | { 672 | "name": "[JAVASCRIPT] - Variable Language", 673 | "scope": [ 674 | "variable.language, entity.name.type.class.js", 675 | "entity.other.inherited-class.js", 676 | "variable.language.this.ts", 677 | "variable.language.this.java", 678 | "variable.language.this.js" 679 | ], 680 | "settings": { 681 | "foreground": "#d98e48" 682 | } 683 | }, 684 | { 685 | "name": "[JAVASCRIPT] - Inherited Component and obj key colors", 686 | "scope": [ 687 | "entity.other.inherited-class.js", 688 | "variable.other.readwrite.alias.js", 689 | "meta.import.js", 690 | "punctuation.accessor.js", 691 | "punctuation.accessor.jsx", 692 | "punctuation.accessor.ts", 693 | "punctuation.accessor.tsx", 694 | "variable.other.readwrite.ts", 695 | "variable.other.readwrite.tsx", 696 | "variable.other.readwrite.js", 697 | "variable.other.readwrite.jsx", 698 | ], 699 | "settings": { 700 | "foreground": "#B7C5D3" 701 | } 702 | }, 703 | { 704 | "name": "[JAVASCRIPT] - Contstants", 705 | "scope": [ 706 | "variable.other.constant.js", 707 | "variable.other.constant.js.jsx", 708 | "variable.other.constant.ts", 709 | "variable.other.constant.property.ts", 710 | "variable.other.constant.property.js", 711 | "variable.other.constant.property.tsx", 712 | "variable.other.constant.tsx", 713 | "support.constant.json.js", 714 | "support.constant.json.ts", 715 | "support.constant.json.tsx", 716 | "variable.other.constant.object.js", 717 | "variable.object.property.js", 718 | "variable.object.property.jsx", 719 | "variable.object.property.ts", 720 | "variable.object.property.tsx", 721 | ], 722 | "settings": { 723 | "foreground": "#8BD49C" 724 | } 725 | }, 726 | { 727 | "name": "[PYTHON] - Self Argument", 728 | "scope": "variable.parameter.function.language.special.self.python", 729 | "settings": { 730 | "foreground": "#b62d65" 731 | } 732 | }, 733 | { 734 | "name": "[PYTHON] - Fuction ", 735 | "scope": "storage.type.function.python", 736 | "settings": { 737 | "foreground": "#b62d65" 738 | } 739 | },{ 740 | "name": "[PYTHON] - Fuction argument ", 741 | "scope": "meta.function-call.arguments.python", 742 | "settings": { 743 | "foreground": "#8bd49c" 744 | } 745 | }, 746 | { 747 | "name": "[PYTHON] - Fuction call ", 748 | "scope": "meta.function-call.generic.python", 749 | "settings": { 750 | "foreground": "#008b94" 751 | } 752 | }, 753 | { 754 | "name": "[JSON] - Support", 755 | "scope": "source.json support", 756 | "settings": { 757 | "foreground": "#718CA1" 758 | } 759 | }, 760 | { 761 | "name": "[JSON] - String", 762 | "scope": [ 763 | "source.json string", 764 | "source.json punctuation.definition.string", 765 | "punctuation.definition.string.end.json", 766 | "punctuation.definition.string.begin.json" 767 | 768 | ], 769 | "settings": { 770 | "foreground": "#B7C5D3" 771 | } 772 | }, 773 | { 774 | "name": "[PHP] - Entity", 775 | "scope": "source.php entity", 776 | "settings": { 777 | "foreground": "#9effff" 778 | } 779 | }, 780 | { 781 | "name": "[PHP] - Variables", 782 | "scope": [ 783 | "variable.other.php", 784 | "punctuation.definition.variable.php", 785 | ], 786 | "settings": { 787 | "foreground": "#ebbf83" 788 | } 789 | }, 790 | { 791 | "name": "[JAVA] - extending class", 792 | "scope": [ 793 | "entity.other.inherited-class.java", 794 | ], 795 | "settings": { 796 | 797 | "foreground": "#d98e48" 798 | } 799 | }, 800 | { 801 | "name": "[JAVA] - annotations", 802 | "scope": [ 803 | "storage.type.annotation.java", 804 | "storage.type.annotation.ts", 805 | "entity.name.type.ts" 806 | ], 807 | "settings": { 808 | "fontStyle": "italic", 809 | "foreground": "#b7c5d3" 810 | } 811 | }, 812 | { 813 | "name": "[JAVA/TYPESCRIPT] - storage types", 814 | "scope": [ 815 | "storage.type.java", 816 | "support.type.primitive.ts", 817 | "support.type.primitive.tsx", 818 | "entity.name.type.ts", 819 | "entity.name.type.tsx", 820 | ], 821 | "settings": { 822 | "fontStyle": "italic", 823 | "foreground": "#008b94" 824 | } 825 | }, 826 | { 827 | "name": "[TYPESCRIPT] - storage types nested", 828 | "scope": [ 829 | "support.type.primitive.ts", 830 | ], 831 | "settings": { 832 | "fontStyle": "italic", 833 | "foreground": "#33ced8" 834 | } 835 | }, 836 | { 837 | "name": "[JAVA] - key words class public private etc.", 838 | "scope": [ 839 | "storage.modifier.java", 840 | "storage.modifier.ts", 841 | "storage.modifier.js", 842 | "storage.modifier.jsx" 843 | ], 844 | "settings": { 845 | "foreground": "#5ec4ff" 846 | } 847 | }, 848 | { 849 | "name": "[JAVA] - class definition", 850 | "scope": [ 851 | "entity.name.type.class.java" 852 | ], 853 | "settings": { 854 | "foreground": "#d98e48" 855 | } 856 | }, 857 | { 858 | "name": "[JAVA/TYPESCRIPT] - super", 859 | "scope": [ 860 | "variable.language.java", 861 | "meta.try.resources.java", 862 | "variable.language.super.ts" 863 | ], 864 | "settings": { 865 | "foreground": "#b62d65" 866 | } 867 | }, 868 | { 869 | "name": "[JAVA] - class definition variables", 870 | "scope": [ 871 | "variable.other.definition.java", 872 | "meta.try.resources.java" 873 | ], 874 | "settings": { 875 | "foreground": "#8bd49c" 876 | } 877 | }, 878 | ] 879 | } 880 | --------------------------------------------------------------------------------