├── .gitignore ├── .gitpod.yml ├── .vscodeignore ├── themes ├── img │ ├── code.png │ ├── symbol.png │ ├── synthax_icon.png │ ├── synthax_logo.png │ └── examples │ │ ├── null.png │ │ ├── tags.png │ │ ├── types.png │ │ ├── boolean.png │ │ ├── builtins.png │ │ ├── numbers.png │ │ ├── objects.png │ │ ├── old │ │ ├── tags.png │ │ ├── types.png │ │ ├── boolean.png │ │ ├── functions.png │ │ ├── objects.png │ │ ├── strings.png │ │ └── variables.png │ │ ├── strings.png │ │ ├── functions.png │ │ ├── variables.png │ │ ├── functions-classes.png │ │ ├── parameters-correct.png │ │ └── parameters-wrong.png └── Synthax-color-theme.json ├── CHANGELOG.md ├── .vscode └── launch.json ├── colors.json ├── LICENSE ├── package.json ├── .github └── workflows │ └── main.yml ├── vsc-extension-quickstart.md └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | *.vsix 3 | -------------------------------------------------------------------------------- /.gitpod.yml: -------------------------------------------------------------------------------- 1 | tasks: 2 | - init: npm install -------------------------------------------------------------------------------- /.vscodeignore: -------------------------------------------------------------------------------- 1 | .vscode/** 2 | .vscode-test/** 3 | .gitignore 4 | vsc-extension-quickstart.md 5 | -------------------------------------------------------------------------------- /themes/img/code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/code.png -------------------------------------------------------------------------------- /themes/img/symbol.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/symbol.png -------------------------------------------------------------------------------- /themes/img/synthax_icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/synthax_icon.png -------------------------------------------------------------------------------- /themes/img/synthax_logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/synthax_logo.png -------------------------------------------------------------------------------- /themes/img/examples/null.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/null.png -------------------------------------------------------------------------------- /themes/img/examples/tags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/tags.png -------------------------------------------------------------------------------- /themes/img/examples/types.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/types.png -------------------------------------------------------------------------------- /themes/img/examples/boolean.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/boolean.png -------------------------------------------------------------------------------- /themes/img/examples/builtins.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/builtins.png -------------------------------------------------------------------------------- /themes/img/examples/numbers.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/numbers.png -------------------------------------------------------------------------------- /themes/img/examples/objects.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/objects.png -------------------------------------------------------------------------------- /themes/img/examples/old/tags.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/tags.png -------------------------------------------------------------------------------- /themes/img/examples/strings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/strings.png -------------------------------------------------------------------------------- /themes/img/examples/functions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/functions.png -------------------------------------------------------------------------------- /themes/img/examples/old/types.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/types.png -------------------------------------------------------------------------------- /themes/img/examples/variables.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/variables.png -------------------------------------------------------------------------------- /themes/img/examples/old/boolean.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/boolean.png -------------------------------------------------------------------------------- /themes/img/examples/old/functions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/functions.png -------------------------------------------------------------------------------- /themes/img/examples/old/objects.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/objects.png -------------------------------------------------------------------------------- /themes/img/examples/old/strings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/strings.png -------------------------------------------------------------------------------- /themes/img/examples/old/variables.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/old/variables.png -------------------------------------------------------------------------------- /themes/img/examples/functions-classes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/functions-classes.png -------------------------------------------------------------------------------- /themes/img/examples/parameters-correct.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/parameters-correct.png -------------------------------------------------------------------------------- /themes/img/examples/parameters-wrong.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Foxhoundn/synthax-code-theme/HEAD/themes/img/examples/parameters-wrong.png -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | All notable changes to the "synthax" 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 | -------------------------------------------------------------------------------- /.vscode/launch.json: -------------------------------------------------------------------------------- 1 | // A launch configuration that launches the extension inside a new window 2 | // Use IntelliSense to learn about possible attributes. 3 | // Hover to view descriptions of existing attributes. 4 | // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 5 | { 6 | "version": "0.2.0", 7 | "configurations": [ 8 | { 9 | "name": "Extension", 10 | "type": "extensionHost", 11 | "request": "launch", 12 | "runtimeExecutable": "${execPath}", 13 | "args": [ 14 | "--extensionDevelopmentPath=${workspaceFolder}" 15 | ] 16 | } 17 | ] 18 | } -------------------------------------------------------------------------------- /colors.json: -------------------------------------------------------------------------------- 1 | { 2 | "Editor Background": "#0D0221", 3 | "Editor Tabs, PeekView Background": "#171023", 4 | "Main Text Color": "#d0b7ff", 5 | "Editor Boolean Color": "#c46ac2", 6 | "Editor Text Color": "#e04cdd", 7 | "Variable Color": "#2de2e6", 8 | "Types Text Color": "#c19dc4", 9 | "Error Color": "#D40078", 10 | "Numeric Color": "#F9C80E", 11 | "Badge Background": "#4c97b2", 12 | "Border Color": "#241938", 13 | "Selection Background": "#334868", 14 | "Built-ins Color": "#e08c26", 15 | "String/Success Color": "#21ce97", 16 | "Highlight Color": "#2c1e49", 17 | "Selection Color": "#4d3f6b", 18 | "Pink": "#d65cd3", 19 | "BrightBlue": "#00fbff" 20 | } 21 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Copyright Copyright 2021 Foxhoundn 2 | 3 | Permission is hereby granted, free of charge, to any person obtaining a copy 4 | of this software and associated documentation files (the "Software"), to deal 5 | in the Software without restriction, including without limitation the rights 6 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 7 | copies of the Software, and to permit persons to whom the Software is 8 | furnished to do so, subject to the following conditions: 9 | 10 | The above copyright notice and this permission notice shall be included in all 11 | copies or substantial portions of the Software. 12 | 13 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 14 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 15 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 16 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 17 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 18 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 19 | SOFTWARE. -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "synthax", 3 | "displayName": "Synthax", 4 | "description": "🔮 Ride on the retro waves of future with this dark colorful theme for VS Code.", 5 | "version": "0.1.13", 6 | "publisher": "foxhoundn", 7 | "icon": "themes/img/synthax_icon.png", 8 | "engines": { 9 | "vscode": "^1.30.0" 10 | }, 11 | "galleryBanner": { 12 | "color": "#0D0221", 13 | "theme": "dark" 14 | }, 15 | "repository": { 16 | "type": "git", 17 | "url": "https://github.com/Foxhoundn/synthax-code-theme" 18 | }, 19 | "keywords": [ 20 | "dark", 21 | "dark theme", 22 | "theme", 23 | "VS Code", 24 | "vscode", 25 | "themes", 26 | "retro", 27 | "futuristic", 28 | "synth", 29 | "miami", 30 | "sunset", 31 | "80s", 32 | "hacker", 33 | "vaporwave", 34 | "synthwave" 35 | ], 36 | "categories": [ 37 | "Themes" 38 | ], 39 | "contributes": { 40 | "themes": [ 41 | { 42 | "label": "Synthax", 43 | "uiTheme": "vs-dark", 44 | "path": "./themes/Synthax-color-theme.json" 45 | } 46 | ] 47 | }, 48 | "license": "MIT", 49 | "devDependencies": { 50 | "vsce": "^2.5.3" 51 | } 52 | } 53 | -------------------------------------------------------------------------------- /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | # This is a basic workflow to help you get started with Actions 2 | 3 | name: Release 4 | 5 | # Controls when the action will run. Triggers the workflow on push or pull request 6 | # events but only for the develop branch 7 | on: 8 | push: 9 | branches: 10 | - master 11 | 12 | # A workflow run is made up of one or more jobs that can run sequentially or in parallel 13 | jobs: 14 | Publish-and-release: 15 | # The type of runner that the job will run on 16 | runs-on: ubuntu-latest 17 | 18 | # Steps represent a sequence of tasks that will be executed as part of the job 19 | steps: 20 | # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it 21 | - uses: actions/checkout@v2 22 | - uses: actions/setup-node@v1 23 | with: 24 | node-version: 16.13.0 25 | - name: Save release version to outputs 26 | id: save_release_version 27 | run: echo ::set-output name=version::$(node -pe "require('./package.json').version") 28 | - name: Installing modules 29 | id: install_modules 30 | run: | 31 | npm install 32 | - name: Publish To Marketplace 33 | id: publish 34 | run: ./node_modules/.bin/vsce publish 35 | env: 36 | VSCE_PAT: ${{ secrets.VSCE_PAT }} 37 | - name: Publish To Open VSX 38 | id: publish_open_vsx 39 | run: npx ovsx publish -p ${{ secrets.OPEN_VSX_TOKEN }} 40 | - name: Create a release 41 | id: release 42 | uses: actions/create-release@v1 43 | env: 44 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 45 | with: 46 | tag_name: v${{ steps.save_release_version.outputs.version }} 47 | release_name: v${{ steps.save_release_version.outputs.version }} 48 | body: v${{ steps.save_release_version.outputs.version }} 49 | draft: false 50 | prerelease: false 51 | -------------------------------------------------------------------------------- /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/Synthax-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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 |
4 |
5 | Syntax Theme Code Example 6 |
7 |
8 | Syntax Theme 9 |

Ride on the retro waves of future with this dark colorful theme for VS Code.

10 | 11 |
12 |
13 | 14 | 15 | 21 | 22 | 23 | 24 | 25 | 26 | 27 |
16 |   17 |   18 |   19 |   20 |
🚧   This theme is still work in progress, and right now works only with **.js, .jsx and .json** files 🚧
28 |
29 | 30 | ## 🔮  Code Example 31 | 32 | Syntax Theme Code Example 33 | 34 | ## 🖥   Installing 35 | 36 | 1. **Using VS Code** 37 | 38 | In your VS Code, go to the extensions tab and search for **Synthax**, then click on Install and reload once the theme is installed. 39 | 40 | 2. **By cloning this repo** 41 | 42 | Clone this repo to your machine, and copy it's contents to the _vscode/extensions_ folder. 43 | 44 | ## 💜  Colors as clear representation of syntax 45 | 46 | - Variables use a very prominent light blue-to-green color. Variable definitions are in bold, whereas variable calls / reassignments have no font style. 47 | Syntax Theme | Variables Example 48 | 49 | - Functions & Classes use a bright pink color. Their definitions are in bold, whereas calls / reassignments have no font style. 50 | Syntax Theme | Functions Example 51 | 52 | - Strings use green color 53 | Syntax Theme | Strings Example 54 | 55 | - Numbers use yellow color 56 | Syntax Theme | Numbers Example 57 | 58 | - Booleans use pink color 59 | Syntax Theme | Boolean Example 60 | 61 | - Null, undefined & NaN use purple color 62 | Syntax Theme | Boolean Example 63 | 64 | - Objects & object properties use variables color for the object identifier & white/respectice colors for object properties 65 | Syntax Theme | Objects Example 66 | 67 | - Built-ins use orange-ish color 68 | Syntax Theme | Built-ins Example 69 | 70 | - Types use very-light-purple color, all type definitions use the same color & font style 71 | Syntax Theme | Types Example 72 | 73 | - Tags are separated into 2 categories - native tags have variable color, React components have class color 74 | Syntax Theme | Tags Example 75 | 76 | ## 🛑  Known issues 77 | 78 | - If there is a new line present in the function declaration parenthesis, the parameters annotations have variable color and any modifiers have function colors. 79 | Syntax Theme | Function params correct Example 80 | Syntax Theme | Function params error Example 81 | 82 | Issue was raised here - https://github.com/Microsoft/vscode/issues/66149 83 | 84 | ## 🔥  Contributions are welcome 85 | 86 | As this is a very early version, all contributions & comments are more than welcome! 87 | 88 | Follow me on Twitter - Foxhoundn 89 | 90 |
91 | -------------------------------------------------------------------------------- /themes/Synthax-color-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Synthax", 3 | "type": "dark", 4 | 5 | "colors": { 6 | // DEFAULT 7 | "foreground": "#d0b7ff", 8 | "descriptionForeground": "#d0b7ff", 9 | "contrastBorder": "#0D0221", 10 | "contrastActiveBorder": "#0D0221", 11 | "textLink.activeForeground": "#d65cd3", 12 | "textLink.foreground": "#d65cd3", 13 | "focusBorder": "#0dfbffb9", 14 | 15 | // LIST FILTER 16 | "listFilterWidget.background": "#0D0221", 17 | "listFilterWidget.outline": "#2de2e6", 18 | "listFilterWidget.noMatchesOutline": "#D40078", 19 | 20 | // EDITOR 21 | "editor.background": "#11002ea1", 22 | "editor.foreground": "#d0b7ff", 23 | "editorGroupHeader.tabsBackground": "#0D0221", 24 | "editorGroupHeader.tabsBorder": "#00fbff44", 25 | "editorGroupHeader.border": "#0D0221", 26 | "editor.lineHighlightBackground": "#2de3e633", 27 | "editorCursor.foreground": "#d65cd3", 28 | "editorLineNumber.foreground": "#d3bbff85", 29 | "editorLineNumber.activeForeground": "#00fbff", 30 | "editorGroup.border": "#0D0221", 31 | "editorWidget.background": "#18023d", 32 | "editorWidget.border": "#2de2e6", 33 | "editorError.foreground": "#D40078", 34 | "editorWarning.foreground": "#e08c26", 35 | "editorBracketMatch.border": "#2de2e6", 36 | "editor.findMatchHighlightBackground": "#4210a7", 37 | "editor.selectionHighlightBackground": "#4210a7", 38 | "editor.findRangeHighlightBackground": "#4210a7", 39 | "editor.rangeHighlightBackground": "#4210a7", 40 | "editor.wordHighlightBackground": "#4210a7", 41 | "editor.findMatchBackground": "#4210a7", 42 | "editorCodeLens.foreground": "#59e6ff", 43 | "editorInlayHint.background": "#26095c", 44 | "editorInlayHint.foreground": "#d0b7ff", 45 | "editor.hoverHighlightBackground": "#1095a749", 46 | "editorHoverWidget.highlightForeground": "#2de2e6", 47 | "editorHoverWidget.border": "#2de2e6", 48 | "editorLink.activeForeground": "#c4fdff", 49 | 50 | // SUGGESTIONS 51 | "editorSuggestWidget.focusHighlightForeground": "#00fbff", 52 | 53 | // STATUS BAR 54 | "statusBar.background": "#0D0221", 55 | "statusBar.foreground": "#d0b7ff", 56 | "statusBar.debuggingBackground": "#d65cd3", 57 | "statusBar.debuggingForeground": "#fff", 58 | "statusBar.noFolderBackground": "#4c97b2", 59 | "statusBar.noFolderForeground": "#fff", 60 | 61 | // SIDEBAR 62 | "sideBar.background": "#0D0221", 63 | "sideBar.foreground": "#d0b7ff", 64 | "sideBarTitle.foreground": "#00fbff", 65 | "sideBarSectionHeader.foreground": "#00fbff", 66 | "sideBarSectionHeader.background": "#0D0221", 67 | 68 | // TREE 69 | "tree.indentGuidesStroke": "#4d3f6b", 70 | 71 | // INPUTS 72 | "input.background": "#0D0221", 73 | "input.border": "#271942", 74 | "input.foreground": "#fff", 75 | "input.placeholderForeground": "#5f4394", 76 | "inputOption.activeForeground": "#00fbff", 77 | 78 | // WIDGET 79 | //"widget.shadow": "#5f439431", 80 | 81 | // PANEL 82 | "panelSectionHeader.foreground": "#2de2e6", 83 | "panel.background": "#0D0221", 84 | "panel.border": "#241938", 85 | "panelTitle.activeForeground": "#2de2e6", 86 | "panelTitle.inactiveForeground": "#2de3e680", 87 | "panelSection.border": "#0D0221", 88 | 89 | // GIT 90 | "gitDecoration.addedResourceForeground": "#21ce97", 91 | "gitDecoration.modifiedResourceForeground": "#e08c26", 92 | "gitDecoration.untrackedResourceForeground": "#21ce97", 93 | 94 | // ICONS 95 | "icon.foreground": "#2de2e6", 96 | "banner.iconForeground": "#2de2e6", 97 | 98 | // DROPDOWNS 99 | "dropdown.background": "#160338", 100 | "dropdown.border": "#d0b7ff", 101 | "dropdown.foreground": "#d0b7ff", 102 | "dropdown.listBackground": "#160338", 103 | 104 | // ACTIVITY BAR 105 | "activityBar.background": "#0D0221", 106 | "activityBar.foreground": "#00fbff", 107 | "activityBarBadge.background": "#d65cd3", 108 | 109 | // TABS 110 | "tab.inactiveBackground": "#0D0221", 111 | "tab.activeBackground": "#130331", 112 | "tab.activeForeground": "#00fbff", 113 | "tab.inactiveForeground": "#64fcff85", 114 | "tab.hoverBackground": "#130331", 115 | "tab.border": "#0D0221", 116 | "tab.activeBorder": "#00fbff", 117 | "tab.activeBorderTop": "#0D0221", 118 | "tab.activeModifiedBorder": "#130331", 119 | "tab.inactiveModifiedBorder": "#0D0221", 120 | "editorGutter.addedBackground": "#21ce97", 121 | 122 | // BREADCRUMBS 123 | "breadcrumb.foreground": "#d0b7ff", 124 | "breadcrumbPicker.background": "#0D0221", 125 | "breadcrumb.background": "#0D0221", 126 | "breadcrumb.activeSelectionForeground": "#fff", 127 | "breadcrumb.focusForeground": "#fff", 128 | 129 | // MENU 130 | "menu.foreground": "#d0b7ff", 131 | "menu.selectionBackground": "#2de3e634", 132 | "menu.selectionForeground": "#00fbff", 133 | "menu.separatorBackground": "#00fbff81", 134 | 135 | // SELECTION 136 | "selection.background": "#720f7598", 137 | "editor.selectionBackground": "#720f7598", 138 | 139 | // LISTS 140 | "list.focusBackground": "#1f0233", 141 | "list.focusForeground": "#d0b7ff", 142 | "list.highlightForeground": "#2de2e6", 143 | "list.hoverBackground": "#2de3e634", 144 | "list.hoverForeground": "#d0b7ff", 145 | "list.inactiveSelectionForeground": "#d0b7ff", 146 | "list.activeSelectionBackground": "#2de3e634", 147 | "list.inactiveFocusBackground": "#1f0233", 148 | "list.inactiveSelectionBackground": "#1f0233", 149 | "list.errorForeground": "#D40078", 150 | "list.warningForeground": "#e08c26", 151 | 152 | // TERMINAL 153 | "terminal.foreground": "#d0b7ff", 154 | "terminalCursor.foreground": "#d65cd3", 155 | "terminal.ansiWhite": "#ffffff", 156 | "terminal.ansiBlue": "#2de2e6", 157 | "terminal.ansiBrightBlue": "#2de2e6", 158 | "terminal.ansiBrightGreen": "#21ce97", 159 | "terminal.ansiBrightRed": "#D40078", 160 | "terminal.border": "#0D0221", 161 | 162 | // BADGE 163 | "badge.background": "#d65cd3", 164 | "badge.foreground": "#fff", 165 | 166 | // TITLE BAR 167 | "titleBar.activeBackground": "#0D0221", 168 | "titleBar.inactiveBackground": "#0D0221", 169 | "titleBar.activeForeground": "#d0b7ff", 170 | "titleBar.inactiveForeground": "#d0b7ff", 171 | "titleBar.border": "#0D0221", 172 | 173 | // PEEK VIEW 174 | "peekView.border": "#241938", 175 | "peekViewEditor.background": "#1f0233", 176 | "peekViewTitle.background": "#1f0233", 177 | "peekViewEditor.matchHighlightBackground": "#d65cd3", 178 | "peekViewResult.background": "#1f0233", 179 | "peekViewTitleDescription.foreground": "#d0b7ff", 180 | 181 | // SCROLLBAR 182 | "scrollbar.shadow": "#0D0221", 183 | "scrollbarSlider.background": "#0D0221", 184 | "scrollbarSlider.hoverBackground": "#2de2e6", 185 | "scrollbarSlider.activeBackground": "#2de2e6", 186 | 187 | // BUTTONS 188 | "button.background": "#2de2e6", 189 | "button.foreground": "#0D0221", 190 | "button.secondaryBackground": "#e62dc7", 191 | "button.secondaryForeground": "#fff" 192 | }, 193 | "tokenColors": [ 194 | { 195 | "name": "Invalid", 196 | "scope": ["invalid", "invalid.illegal"], 197 | "settings": { 198 | "foreground": "#ce0078" 199 | } 200 | }, 201 | { 202 | "name": "Keyword", 203 | "scope": ["keyword", "meta.arrow.ts", "storage.type.function.arrow.ts"], 204 | "settings": { 205 | "foreground": "#BDAFF8" 206 | }, 207 | 208 | }, 209 | { 210 | "name": "Storage", 211 | "scope": ["storage.type", "storage.modifier"], 212 | "settings": { 213 | "foreground": "#bdaff8" 214 | } 215 | }, 216 | { 217 | "name": "Keyword Control", 218 | "scope": [ 219 | "keyword.control", 220 | "entity.other.attribute-name", 221 | "support.constant.property-value.css" 222 | ], 223 | "settings": { 224 | "foreground": "#d0b7ff", 225 | "fontStyle": "italic" 226 | } 227 | }, 228 | { 229 | "name": "Type Annotation", 230 | "scope": [ 231 | "meta.type.annotation", 232 | "entity.name.type", 233 | "entity.name.type.module", 234 | "support.type.primitive", 235 | "support.type.python", 236 | ], 237 | "settings": { 238 | "foreground": "#c884ffe7", 239 | "fontStyle": "italic" 240 | } 241 | }, 242 | { 243 | "name": "Typescript Parameter Type Annotation", 244 | "scope": [ 245 | "meta.type.parameters.ts entity.name.type", 246 | "meta.type.parameters.ts", 247 | "meta.type.annotation.ts punctuation", 248 | "meta.type.annotation.ts keyword", 249 | "meta.type.declaration.ts punctuation", 250 | "meta.type.declaration.ts keyword", 251 | ], 252 | "settings": { 253 | "foreground": "#d199ffe7", 254 | "fontStyle": "italic bold" 255 | } 256 | }, 257 | { 258 | "name": "Comments", 259 | "scope": [ 260 | "comment", 261 | "punctuation.definition.comment" 262 | ], 263 | "settings": { 264 | "foreground": "#d0adffa9", 265 | "fontStyle": "italic" 266 | } 267 | }, 268 | { 269 | "name": "Operator, Misc", 270 | "scope": [ 271 | "constant.other.color", 272 | "punctuation", 273 | "meta.tag", 274 | "punctuation.definition.tag", 275 | "punctuation.separator.inheritance.php", 276 | "punctuation.definition.tag.html", 277 | "punctuation.definition.tag.begin.html", 278 | "punctuation.definition.tag.end.html", 279 | "punctuation.section.embedded", 280 | "keyword.other.template", 281 | "keyword.other.substitution" 282 | ], 283 | "settings": { 284 | "foreground": "#a690ff", 285 | "fontStyle": "" 286 | } 287 | }, 288 | { 289 | "name": "Tag", 290 | "scope": [ 291 | "entity.name.tag", 292 | "meta.tag.sgml", 293 | "markup.deleted.git_gutter" 294 | ], 295 | "settings": { 296 | "foreground": "#2de2e6", 297 | "fontStyle": "bold" 298 | } 299 | }, 300 | { 301 | "name": "Function, Special Method", 302 | "scope": [ 303 | "meta.function-call", 304 | "meta.method.declaration", 305 | "variable.function", 306 | "support.function", 307 | "keyword.other.special-method" 308 | ], 309 | "settings": { 310 | "foreground": "#ff52fc", 311 | "fontStyle": "" 312 | } 313 | }, 314 | { 315 | "name": "Other Variable, String Link", 316 | "scope": [ 317 | "support.other.variable", 318 | "string.other.link", 319 | "variable.other.readwrite" 320 | ], 321 | "settings": { 322 | "foreground": "#2de2e6" 323 | } 324 | }, 325 | { 326 | "name": "Number, Constant, Function Argument, Tag Attribute, Embedded", 327 | "scope": [ 328 | "constant.numeric", 329 | "constant.language", 330 | "constant.character", 331 | "constant.escape", 332 | "variable.parameter", 333 | "keyword.other.unit", 334 | "keyword.other" 335 | ], 336 | "settings": { 337 | "foreground": "#ffc831" 338 | } 339 | }, 340 | { 341 | "name": "String, Symbols, Markup Heading", 342 | "scope": [ 343 | "string", 344 | "constant.other.symbol", 345 | "constant.other.key", 346 | "markup.heading", 347 | "markup.inserted.git_gutter", 348 | "meta.group.braces.curly constant.other.object.key string.unquoted.label" 349 | ], 350 | "settings": { 351 | "foreground": "#38fdb2", 352 | "fontStyle": "italic" 353 | } 354 | }, 355 | { 356 | "name": "Class, Support", 357 | "scope": [ 358 | "entity.name.type.class", 359 | "support.class.component", 360 | "support.orther.namespace.use.php", 361 | "meta.use.php", 362 | "support.other.namespace.php", 363 | "markup.changed.git_gutter", 364 | "support.type.sys-types", 365 | "entity.other.inherited-class", 366 | "variable.other.constant entity.name.function", 367 | "entity.name.function.python", 368 | "support.function.magic.python" 369 | ], 370 | "settings": { 371 | "foreground": "#ff52fc", 372 | "fontStyle": "bold" 373 | } 374 | }, 375 | { 376 | "name": "CSS Class and Support", 377 | "scope": [ 378 | "source.css support.type.property-name", 379 | "source.sass support.type.property-name", 380 | "source.scss support.type.property-name", 381 | "source.less support.type.property-name", 382 | "source.stylus support.type.property-name", 383 | "source.postcss support.type.property-name" 384 | ], 385 | "settings": { 386 | "foreground": "#ddd" 387 | } 388 | }, 389 | { 390 | "name": "Sub-methods", 391 | "scope": [ 392 | "entity.name.module", 393 | "variable.import.parameter", 394 | "variable.other.class" 395 | ], 396 | "settings": { 397 | "foreground": "#FF5370" 398 | } 399 | }, 400 | { 401 | "name": "Language methods", 402 | "scope": ["variable.language", "variable.scss"], 403 | "settings": { 404 | "foreground": "#2de2e6", 405 | "fontStyle": "" 406 | } 407 | }, 408 | { 409 | "name": "Support vars", 410 | "scope": [ 411 | "support.variable.dom", 412 | "support.constant.math", 413 | "support.class.builtin", 414 | "support.class.console", 415 | "support.variable.object.process" 416 | ], 417 | "settings": { 418 | "foreground": "#e08c26" 419 | } 420 | }, 421 | { 422 | "name": "HTML Attributes", 423 | "scope": [ 424 | "text.html.basic entity.other.attribute-name.html", 425 | "text.html.basic entity.other.attribute-name" 426 | ], 427 | "settings": { 428 | "foreground": "#FFCB6B" 429 | } 430 | }, 431 | { 432 | "name": "CSS Classes", 433 | "scope": ["entity.other.attribute-name.class"], 434 | "settings": { 435 | "foreground": "#2de2e6" 436 | } 437 | }, 438 | { 439 | "name": "CSS ID's", 440 | "scope": ["source.sass keyword.control"], 441 | "settings": { 442 | "foreground": "#82AAFF" 443 | } 444 | }, 445 | 446 | { 447 | "name": "Escape Characters", 448 | "scope": ["constant.character.escape"], 449 | "settings": { 450 | "foreground": "#ffb875d2" 451 | } 452 | }, 453 | { 454 | "name": "URL", 455 | "scope": ["*url*", "*link*", "*uri*"], 456 | "settings": { 457 | "fontStyle": "underline" 458 | } 459 | }, 460 | { 461 | "name": "JSON Key - Level 0", 462 | "scope": [ 463 | "source.json meta.structure.dictionary.json support.type.property-name.json" 464 | ], 465 | "settings": { 466 | "foreground": "#d0b7ff" 467 | } 468 | }, 469 | { 470 | "scope": "token.info-token", 471 | "settings": { 472 | "foreground": "#6796e6" 473 | } 474 | }, 475 | { 476 | "scope": "token.warn-token", 477 | "settings": { 478 | "foreground": "#cd9731" 479 | } 480 | }, 481 | { 482 | "scope": "token.error-token", 483 | "settings": { 484 | "foreground": "#D40078" 485 | } 486 | }, 487 | { 488 | "scope": "token.debug-token", 489 | "settings": { 490 | "foreground": "#b267e6" 491 | } 492 | }, 493 | { 494 | "name": "Objects & Parameters", 495 | "scope": ["variable.other.object", "variable.parameter"], 496 | "settings": { 497 | "foreground": "#2de2e6", 498 | "fontStyle": "" 499 | } 500 | }, 501 | { 502 | "name": "Objects", 503 | "scope": ["variable.other.object", "support.type.builtin.ts"], 504 | "settings": { 505 | "fontStyle": "italic" 506 | } 507 | }, 508 | { 509 | "name": "Object Member, Object Properties", 510 | "scope": [ 511 | "meta.object.member", 512 | "meta.object.type", 513 | "variable.other.object.property", 514 | "variable.other.property", 515 | "variable.other.constant.property", 516 | "support.variable.property.dom", 517 | "support.variable.property", 518 | "meta.jsx.children" 519 | ], 520 | "settings": { 521 | "foreground": "#ddd", 522 | "fontStyle": "" 523 | } 524 | }, 525 | { 526 | "name": "Other Object Variable", 527 | "scope": [ 528 | "variable.other.constant", 529 | "variable.language.special.self", 530 | "source.python", 531 | "constant.other.caps.python", 532 | "meta.item-access.python" 533 | ], 534 | "settings": { 535 | "foreground": "#05ffff", 536 | "fontStyle": "bold" 537 | } 538 | }, 539 | { 540 | "name": "Variables, Declarations, Etc.", 541 | "scope": [ 542 | "variable.object.property", 543 | "meta.definition.variable", 544 | "meta.import" 545 | ], 546 | "settings": { 547 | "foreground": "#2de2e6", 548 | "fontStyle": "bold" 549 | } 550 | }, 551 | { 552 | "name": "This", 553 | "scope": [ 554 | "variable.language.this", 555 | "storage.modifier.async", 556 | "variable.language.special.self" 557 | ], 558 | "settings": { 559 | "fontStyle": "italic" 560 | } 561 | }, 562 | { 563 | "name": "Boolean", 564 | "scope": ["constant.language.boolean"], 565 | "settings": { 566 | "foreground": "#e08c26", 567 | "fontStyle": "italic" 568 | } 569 | }, 570 | { 571 | "name": "Undefined, etc", 572 | "scope": [ 573 | "constant.language.undefined", 574 | "constant.language.nan" 575 | ], 576 | "settings": { 577 | "foreground": "#877d96" 578 | } 579 | }, 580 | { 581 | "name": "Null", 582 | "scope": [ 583 | "constant.language.null", 584 | ], 585 | "settings": { 586 | "foreground": "#987dad" 587 | } 588 | }, 589 | { 590 | "name": "Function Call", 591 | "scope": [ 592 | "meta.function-call", 593 | "string.template variable.other.readwrite" 594 | ], 595 | "settings": { 596 | "fontStyle": "" 597 | } 598 | }, 599 | { 600 | "scope": [ 601 | "meta.definition.property", 602 | "meta.definition.method", 603 | "meta.definition.function" 604 | ], 605 | "settings": { 606 | "foreground": "#ff52fc", 607 | "fontStyle": "bold" 608 | } 609 | }, 610 | { 611 | "name": "Regular Expressions", 612 | "scope": ["string.regexp", "string.regexp.ts"], 613 | "settings": { 614 | "foreground": "#ffdab7" 615 | } 616 | } 617 | ] 618 | } 619 | --------------------------------------------------------------------------------