├── .github └── workflows │ └── main.yml ├── .gitignore ├── .vscode └── launch.json ├── .vscodeignore ├── CHANGELOG.md ├── LICENSE ├── README.md ├── assets ├── fairyfloss.png ├── icon.png └── sample.js ├── package-lock.json ├── package.json ├── themes └── fairyfloss-color-theme.json └── vsc-extension-quickstart.md /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | on: 2 | push: 3 | tags: 4 | - "*" 5 | # - name: Publish to Open VSX Registry 6 | # uses: HaaLeo/publish-vscode-extension@v0 7 | # with: 8 | # pat: ${{ secrets.OPEN_VSX_TOKEN }} 9 | 10 | name: Deploy Extension 11 | jobs: 12 | deploy: 13 | runs-on: ubuntu-latest 14 | steps: 15 | - uses: actions/checkout@v2 16 | - uses: actions/setup-node@v1 17 | with: 18 | node-version: 12 19 | - run: npm ci 20 | - name: Publish to Visual Studio Marketplace 21 | uses: HaaLeo/publish-vscode-extension@v0 22 | with: 23 | pat: ${{ secrets.VS_MARKETPLACE_TOKEN }} 24 | registryUrl: https://marketplace.visualstudio.com 25 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .vsix 3 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | // A launch configuration that launches the extension inside a new window 2 | { 3 | "version": "0.1.0", 4 | "configurations": [ 5 | { 6 | "name": "Launch Extension", 7 | "type": "extensionHost", 8 | "request": "launch", 9 | "runtimeExecutable": "${execPath}", 10 | "args": ["--extensionDevelopmentPath=${workspaceRoot}" ] 11 | } 12 | ] 13 | } -------------------------------------------------------------------------------- /.vscodeignore: -------------------------------------------------------------------------------- 1 | .vscode/** 2 | .vscode-test/** 3 | .gitignore 4 | vsc-extension-quickstart.md 5 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | All notable changes to the "fairyfloss" extension will be documented in this file. 3 | 4 | Check [Keep a Changelog](http://keepachangelog.com/) for recommendations on how to structure this file. 5 | 6 | ## [Unreleased] 7 | - Initial release 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 nopjmp 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 | # fairyfloss 2 | All credit goes to sailorhg on github for their awesome theme [fairyfloss](https://github.com/sailorhg/fairyfloss)!✨ 3 | 4 | I'm responsible for everything outside of the general syntax highlighting. 5 | 6 | Languages with modifications specific to vscode: 7 | 8 | * Markdown 9 | * Java 10 | * Clojure 11 | * Python 12 | 13 | Please report any issues with syntax highlighting or ideas to improve anything! 14 | 15 | ## Screenshot 16 | 17 | ![screenshot](https://github.com/nopjmp/vscode-fairyfloss/blob/master/assets/fairyfloss.png?raw=true) 18 | 19 | ## Additional resources 20 | 21 | - [Fira Code](https://github.com/tonsky/FiraCode) with ligatures enabled 22 | 23 | **Please Enjoy!** 24 | -------------------------------------------------------------------------------- /assets/fairyfloss.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nopjmp/vscode-fairyfloss/1c39bfd4a2c70d730cd19073eb7150f68382f0ba/assets/fairyfloss.png -------------------------------------------------------------------------------- /assets/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/nopjmp/vscode-fairyfloss/1c39bfd4a2c70d730cd19073eb7150f68382f0ba/assets/icon.png -------------------------------------------------------------------------------- /assets/sample.js: -------------------------------------------------------------------------------- 1 | var testObject = { 2 | "Test": 1234 3 | } 4 | 5 | var testFunction = function () { 6 | var a = Array(10) 7 | var dontDoThis = Function("return this").call(420) 8 | 9 | var regex = /^test\w\d[a-z]/ 10 | 11 | var test = this.test() 12 | } 13 | 14 | let q = () => { 15 | return 42 16 | } -------------------------------------------------------------------------------- /package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fairyfloss", 3 | "version": "0.1.0", 4 | "lockfileVersion": 1 5 | } 6 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fairyfloss", 3 | "displayName": "fairyfloss", 4 | "description": "fairy floss text editor theme by sailorhg - http://sailorhg.github.io/fairyfloss", 5 | "version": "0.2.2", 6 | "publisher": "nopjmp", 7 | "engines": { 8 | "vscode": "^1.17.0" 9 | }, 10 | "categories": [ 11 | "Themes" 12 | ], 13 | "contributes": { 14 | "themes": [ 15 | { 16 | "label": "fairyfloss", 17 | "uiTheme": "vs-dark", 18 | "path": "./themes/fairyfloss-color-theme.json" 19 | } 20 | ] 21 | }, 22 | "repository": { 23 | "type": "git", 24 | "url": "https://github.com/nopjmp/vscode-fairyfloss.git" 25 | }, 26 | "keywords": [ 27 | "vs-code", 28 | "theme", 29 | "fairyfloss" 30 | ], 31 | "license": "MIT", 32 | "bugs": { 33 | "url": "https://github.com/nopjmp/vscode-fairyfloss/issues" 34 | }, 35 | "icon": "assets/icon.png" 36 | } 37 | -------------------------------------------------------------------------------- /themes/fairyfloss-color-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "fairyfloss", 3 | "type": "dark", 4 | "colors": { 5 | "focusBorder": "#AD5877", 6 | "foreground": "#F8F8F2", 7 | 8 | // "widget.shadow" 9 | //"selection.background": "#ff0000", 10 | 11 | "errorForeground": "#F8F8F2", 12 | "badge.background": "#AD5877", 13 | "badge.foreground": "#F8F8F2", 14 | "button.background": "#AD5877", 15 | "button.foreground": "#F8F8F2", 16 | 17 | //"debugIcon.startForeground": "#a5f69c", 18 | //"debugIcon.continueForeground": "#a5f69c", 19 | //"debugIcon.disconnectForeground": "#FC644D", 20 | //"debugIcon.pauseForeground": "#FC644D", 21 | //"debugIcon.restartForeground": "#ff9f2e", 22 | //"debugIcon.stepBackForeground": "#74d3de", 23 | //"debugIcon.stepIntoForeground": "#74d3de", 24 | //"debugIcon.stepOutForeground": "#74d3de", 25 | //"debugIcon.stepOverForeground": "#74d3de", 26 | //"debugIcon.stopForeground": "#FC644D", 27 | //"debugIcon.breakpointForeground": "#FC644D", 28 | 29 | "scrollbar.shadow": "#514C66", 30 | "scrollbarSlider.activeBackground": "#464258CC", 31 | "scrollbarSlider.background": "#46425877", 32 | "scrollbarSlider.hoverBackground": "#464258aa", 33 | 34 | "peekView.border": "#6B6683", 35 | "peekViewEditor.background": "#C668BA10", 36 | "peekViewEditor.matchHighlightBackground": "#FF9F2E60", 37 | "peekViewResult.background": "#2A242D", 38 | "peekViewResult.matchHighlightBackground": "#FF9F2E60", 39 | "peekViewResult.selectionBackground": "#372F3C", 40 | "peekViewTitle.background": "#464258", 41 | "peekViewTitleDescription.foreground": "#bcb3e7", 42 | 43 | "input.background": "#464258", 44 | "input.foreground": "#F8F8F2", 45 | "input.border": "#524D66", 46 | 47 | "editorWidget.background": "#464258", 48 | "editorSuggestWidget.background": "#372F3C", 49 | "editorSuggestWidget.border": "#372F3C", 50 | "editorSuggestWidget.selectedBackground": "#423848", 51 | "editorHoverWidget.background": "#423848", 52 | "editorHoverWidget.border": "#423848", 53 | "debugExceptionWidget.background": "#FF9F2E60", 54 | "debugExceptionWidget.border": "#FF9F2E60", 55 | 56 | "pickerGroup.border": "#4F4355", 57 | "pickerGroup.foreground": "#bcb3e7", 58 | 59 | "list.activeSelectionBackground": "#716799", 60 | "list.activeSelectionForeground": "#F8F8F2", 61 | "list.inactiveSelectionBackground": "#716799", 62 | "list.inactiveSelectionForeground": "#F8F8F2", 63 | "list.hoverBackground": "#7D7796", 64 | "list.hoverForeground": "#F8F8F2", 65 | "list.inactiveFocusBackground": "#7D7796", 66 | //"list.inactiveFocusForeground": "#F8F8F2", 67 | "list.dropBackground": "#6959aa80", 68 | "list.focusBackground": "#7D7796", 69 | 70 | "dropdown.background": "#464258", 71 | "dropdown.foreground": "#F8F8F2", 72 | "dropdown.border": "#6B6683", 73 | "editor.background": "#5A5475", 74 | "editorCursor.foreground": "#F8F8F0", 75 | "editor.foreground": "#F8F8F2", 76 | "editor.lineHighlightBackground": "#716799", 77 | "editor.selectionBackground": "#8077A8", 78 | "editor.findMatchBackground":"#8077A8", // Color of the current search match - same as selection 79 | "editor.findMatchHighlightBackground":"#8077A800", // Transparent highlight of all search matches - we use a border instead. 80 | "editor.findMatchHighlightBorder":"#F8F8F2", // Border color for all search matches 81 | "editorLink.activeForeground": "#C990A5", 82 | "editorLineNumber.foreground": "#F8F8F2", 83 | "editorWhitespace.foreground": "#A8757B", 84 | "editorRuler.foreground": "#A8757B", 85 | "sideBar.background": "#514C66", 86 | "sideBar.dropBackground": "#464258", 87 | "sideBar.foreground": "#F8F8F2", 88 | "activityBar.background": "#464258", 89 | "activityBarBadge.background": "#AD5877", 90 | "activityBarBadge.foreground": "#F8F8F2", 91 | "tab.inactiveBackground": "#464258", 92 | "tab.inactiveForeground": "#F8F8F2", 93 | "tab.border": "#464258", 94 | "editorGroupHeader.noTabsBackground": "#464258", 95 | "editorGroup.border": "#464258", 96 | "editorGroupHeader.tabsBackground": "#464258", 97 | 98 | "statusBar.background": "#9673D3", 99 | "statusBar.foreground": "#F8F8F2", 100 | "statusBar.debuggingBackground": "#CE894D", 101 | "statusBar.debuggingForeground": "#F8F8F2", 102 | "statusBar.noFolderBackground": "#9673D3", 103 | "statusBar.noFolderForeground": "#F8F8F2", 104 | "notifications.background": "#464258", 105 | // "notification.foreground": "#F8F8F2", 106 | // "notification.buttonBackground": "#AD5877", 107 | // "notification.buttonForeground": "#F8F8F2", 108 | "textLink.activeForeground": "#DBA6BA", 109 | "textLink.foreground": "#C990A5", 110 | "titleBar.activeBackground": "#464258", 111 | "titleBar.activeForeground": "#F8F8F2", 112 | "titleBar.inactiveBackground": "#3a3553", 113 | "titleBar.inactiveForeground": "#b9b9b9", 114 | "terminal.ansiBrightBlack": "#C2FFDF", 115 | "terminal.ansiRed": "#FF857F", 116 | "terminal.ansiGreen": "#AFECAD" 117 | }, 118 | "tokenColors": [ 119 | { 120 | "name": "Comment", 121 | "scope": "comment", 122 | "settings": { 123 | "foreground": "#E6C000" 124 | } 125 | }, 126 | { 127 | "name": "String", 128 | "scope": "string", 129 | "settings": { 130 | "foreground": "#FFEA00" 131 | } 132 | }, 133 | { 134 | "name": "Number", 135 | "scope": "constant.numeric", 136 | "settings": { 137 | "foreground": "#C5A3FF" 138 | } 139 | }, 140 | { 141 | "name": "Built-in constant", 142 | "scope": "constant.language", 143 | "settings": { 144 | "foreground": "#C5A3FF" 145 | } 146 | }, 147 | { 148 | "name": "User-defined constant", 149 | "scope": [ 150 | "constant.character", 151 | "constant.other" 152 | ], 153 | "settings": { 154 | "foreground": "#C5A3FF" 155 | } 156 | }, 157 | { 158 | "name": "Variable", 159 | "scope": "variable", 160 | "settings": { 161 | "fontStyle": "" 162 | } 163 | }, 164 | { 165 | "name": "Keyword", 166 | "scope": "keyword", 167 | "settings": { 168 | "foreground": "#FFB8D1" 169 | } 170 | }, 171 | { 172 | "name": "Storage", 173 | "scope": "storage", 174 | "settings": { 175 | "fontStyle": "", 176 | "foreground": "#FFB8D1" 177 | } 178 | }, 179 | { 180 | "name": "Storage type", 181 | "scope": "storage.type", 182 | "settings": { 183 | "fontStyle": "italic", 184 | "foreground": "#C2FFDF" 185 | } 186 | }, 187 | { 188 | "name": "Class name", 189 | "scope": "entity.name.class", 190 | "settings": { 191 | "fontStyle": "underline", 192 | "foreground": "#FFF352" 193 | } 194 | }, 195 | { 196 | "name": "This", 197 | "scope": [ 198 | "variable.language.this" 199 | ], 200 | "settings": { 201 | "foreground": "#d5c6f0" 202 | } 203 | }, 204 | { 205 | "name": "Inherited class", 206 | "scope": "entity.other.inherited-class", 207 | "settings": { 208 | "fontStyle": "italic underline", 209 | "foreground": "#FFF352" 210 | } 211 | }, 212 | { 213 | "name": "Function name", 214 | "scope": "entity.name.function", 215 | "settings": { 216 | "fontStyle": "", 217 | "foreground": "#FFF352" 218 | } 219 | }, 220 | { 221 | "name": "Function argument", 222 | "scope": "variable.parameter", 223 | "settings": { 224 | "fontStyle": "italic", 225 | "foreground": "#FF857F" 226 | } 227 | }, 228 | { 229 | "name": "Tag name", 230 | "scope": "entity.name.tag", 231 | "settings": { 232 | "fontStyle": "", 233 | "foreground": "#FFB8D1" 234 | } 235 | }, 236 | { 237 | "name": "Tag attribute", 238 | "scope": "entity.other.attribute-name", 239 | "settings": { 240 | "fontStyle": "", 241 | "foreground": "#FFF352" 242 | } 243 | }, 244 | { 245 | "name": "Library function", 246 | "scope": "support.function", 247 | "settings": { 248 | "fontStyle": "", 249 | "foreground": "#C2FFDF" 250 | } 251 | }, 252 | { 253 | "name": "Library constant", 254 | "scope": "support.constant", 255 | "settings": { 256 | "fontStyle": "", 257 | "foreground": "#C2FFDF" 258 | } 259 | }, 260 | { 261 | "name": "Library class/type", 262 | "scope": [ 263 | "support.type", 264 | "support.class" 265 | ], 266 | "settings": { 267 | "fontStyle": "italic", 268 | "foreground": "#C2FFDF" 269 | } 270 | }, 271 | { 272 | "name": "Library variable", 273 | "scope": "support.other.variable", 274 | "settings": { 275 | "fontStyle": "" 276 | } 277 | }, 278 | { 279 | "name": "Invalid", 280 | "scope": "invalid", 281 | "settings": { 282 | "fontStyle": "", 283 | "foreground": "#ffb0b0" 284 | } 285 | }, 286 | { 287 | "name": "Invalid deprecated", 288 | "scope": "invalid.deprecated", 289 | "settings": { 290 | "foreground": "#dfdfcb" 291 | } 292 | }, 293 | { 294 | "name": "diff: header", 295 | "scope": [ 296 | "meta.diff", 297 | "meta.diff.header" 298 | ], 299 | "settings": { 300 | "fontStyle": "italic", 301 | "foreground": "#FFF352" 302 | } 303 | }, 304 | { 305 | "name": "diff: deleted", 306 | "scope": "markup.deleted", 307 | "settings": { 308 | "foreground": "#fa736e" 309 | } 310 | }, 311 | { 312 | "name": "diff: changed", 313 | "scope": "markup.changed", 314 | "settings": { 315 | "foreground": "#fa9d99" 316 | } 317 | }, 318 | { 319 | "name": "diff: inserted", 320 | "scope": "markup.inserted", 321 | "settings": { 322 | "foreground": "#afecad" 323 | } 324 | }, 325 | { 326 | "name": "Markup Quote", 327 | "scope": "markup.quote", 328 | "settings": { 329 | "foreground": "#FF857F" 330 | } 331 | }, 332 | { 333 | "name": "Markup Styling Bold", 334 | "scope": "markup.bold", 335 | "settings": { 336 | "fontStyle": "bold", 337 | "foreground": "#C2FFDF" 338 | } 339 | }, 340 | { 341 | "name": "Markup Styling Italic", 342 | "scope": "markup.italic", 343 | "settings": { 344 | "fontStyle": "italic", 345 | "foreground": "#C2FFDF" 346 | } 347 | }, 348 | { 349 | "name": "Markup Inline", 350 | "scope": "markup.inline.raw", 351 | "settings": { 352 | "foreground": "#FFF352" 353 | } 354 | }, 355 | { 356 | "name": "Markup Header", 357 | "scope": "markup.heading.markdown", 358 | "settings": { 359 | "fontStyle": "bold", 360 | "foreground": "#ddbb88" 361 | } 362 | }, 363 | { 364 | "name": "Source PHP Embedded Begin/End", 365 | "scope": [ 366 | "text.html.php punctuation.section.embedded.begin.php", 367 | "text.html.php punctuation.section.embedded.end.php" 368 | ], 369 | "settings": { 370 | "foreground": "#d5c6f0" 371 | } 372 | }, 373 | { 374 | "name": "Source Java Storage Modifier Import", 375 | "scope": [ 376 | "source.java storage.modifier.import", 377 | "source.java storage.modifier.package" 378 | ], 379 | "settings": { 380 | "fontStyle": "", 381 | "foreground": "#dda0b4" 382 | } 383 | }, 384 | { 385 | "name": "Javadoc keywords", 386 | "scope": "source.java keyword.other.documentation.javadoc.java", 387 | "settings": { 388 | "foreground": "#9966b8" 389 | } 390 | }, 391 | { 392 | "name": "Clojure locals", 393 | "scope": "source.clojure meta.symbol", 394 | "settings": { 395 | "foreground": "#beb0cc" 396 | } 397 | }, 398 | { 399 | "name": "Clojure namespace", 400 | "scope": [ 401 | "source.clojure entity.global", 402 | "source.clojure meta.definition.global" 403 | ], 404 | "settings": { 405 | "foreground": "#df7e9f" 406 | } 407 | }, 408 | { 409 | "name": "Clojure keyword", 410 | "scope": "source.clojure constant.keyword", 411 | "settings": { 412 | "foreground": "#c19fd8" 413 | } 414 | }, 415 | { 416 | "name": "Clojure namespace", 417 | "scope": [ 418 | "source.clojure meta.symbol meta.expression", 419 | "source.clojure meta.vector" 420 | ], 421 | "settings": { 422 | "foreground": "#df7e9f" 423 | } 424 | }, 425 | { 426 | "name": "Python cls, self", 427 | "scope": [ 428 | "source.python variable.language.special.self.python", 429 | "source.python variable.language.special.cls.python" 430 | ], 431 | "settings": { 432 | "foreground": "#FF857F" 433 | } 434 | }, 435 | { 436 | "name": "Python docstring", 437 | "scope": [ 438 | "source.python string.quoted.docstring.multi.python" 439 | ], 440 | "settings": { 441 | "foreground": "#E6C000" 442 | } 443 | }, 444 | { 445 | "name": "Python function name that matches builtins", 446 | "scope": [ 447 | "source.python meta.function.python support.function.builtin.python" 448 | ], 449 | "settings": { 450 | "foreground": "#FFF352" 451 | } 452 | }, 453 | { 454 | "name": "Python logical operator", 455 | "scope": [ 456 | "source.python keyword.operator.logical.python", 457 | "source.python keyword.operator.comparison.python" 458 | ], 459 | "settings": { 460 | "foreground": "#C5A3FF" 461 | } 462 | }, 463 | { 464 | "name": "Python decorators", 465 | "scope": [ 466 | "source.python meta.function.decorator.python", 467 | "source.python entity.name.function.decorator.python" 468 | ], 469 | "settings": { 470 | "fontStyle": "italic", 471 | "foreground": "#C2FFDF" 472 | } 473 | }, 474 | { 475 | "name": "Python function parameter annotation", 476 | "scope": [ 477 | "source.python meta.function.parameters.python", 478 | "source.python keyword.operator.unpacking.parameter.python" 479 | ], 480 | "settings": { 481 | "fontStyle": "italic", 482 | "foreground": "#C2FFDF" 483 | } 484 | }, 485 | // Infra specific changes from ardenasasvc 486 | { 487 | "scope": [ 488 | "string.unquoted.plain.out.yaml" 489 | ], 490 | "settings": { 491 | "foreground": "#dec0e2" 492 | } 493 | }, 494 | { 495 | "scope": [ 496 | "string.quoted.double.yaml" 497 | ], 498 | "settings": { 499 | "foreground": "#C2FFDF" 500 | } 501 | }, 502 | { 503 | "scope": [ 504 | "comment.line.number-sign.yaml" 505 | ], 506 | "settings": { 507 | "foreground": "#a186cf" 508 | } 509 | } 510 | ], 511 | "semanticHighlighting": true 512 | } 513 | -------------------------------------------------------------------------------- /vsc-extension-quickstart.md: -------------------------------------------------------------------------------- 1 | # Welcome to your VS Code Extension 2 | 3 | ## What's in the folder 4 | * This folder contains all of the files necessary for your color theme extension. 5 | * `package.json` - this is the manifest file that defines the location of the theme file. 6 | and specifies the base theme of the theme. 7 | * `themes/fairyfloss-color-theme.json` - the color theme definition file. 8 | 9 | ## Get up and running straight away 10 | * Press `F5` to open a new window with your extension loaded. 11 | * Open `File > Preferences > Color Themes` and pick your color theme. 12 | * Open a file that has a language associated. The languages' configured grammar will tokenize the text and assign 'scopes' to the tokens. To examine these scopes, invoke the `Inspect TM Scopes` command from the Commmand Palette (`Ctrl+Shift+P` or `Cmd+Shift+P` on Mac) . 13 | 14 | ## Make changes 15 | * You can relaunch the extension from the debug toolbar after making changes to the files listed above. 16 | * You can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes. 17 | * When editing workbench colors, it's easiest to test the colors in the settings under `workbench.colorCustomizations` and `workbench.tokenColorCustomizations`. When done, run the `Generate Color Theme From Current Settings` command to generate an updated content for the color theme definition file. 18 | 19 | ## Adopt your theme to Visual Studio Code 20 | * The token colorization is done based on standard TextMate themes. Colors are matched against one or more scopes. 21 | To learn more about scopes and how they're used, check out the [theme](https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_adding-a-new-color-theme) documentation. 22 | 23 | ## Install your extension 24 | * To start using your extension with Visual Studio Code copy it into the `/.vscode/extensions` folder and restart Code. 25 | * To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension. 26 | --------------------------------------------------------------------------------