├── .vscode └── launch.json ├── CHANGELOG.md ├── README.md ├── assets ├── code_sample.js ├── colortest.sh ├── icon.svg ├── spacemacs colors.txt ├── spacemacs dark.png └── spacemacs light.png ├── package.json ├── themes ├── Spacemacs-dark-color-theme.json └── Spacemacs-light-color-theme.json └── vsc-extension-quickstart.md /.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 | } -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | All notable changes to the "spacemacs" 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 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Spacemacs colors for VS Code (Dark & Light) 2 | 3 | All credit where it is due, the real work was done by the wonderfull people of [spacemacs](http://spacemacs.org) 4 | 5 | Themes both include workbench and terminal styling. 6 | 7 | ## Screenshots 8 | 9 | ![dark](https://github.com/cometeer/spacemacs-vscode/blob/master/assets/spacemacs%20dark.png?raw=true) 10 | 11 | ![light](https://github.com/cometeer/spacemacs-vscode/blob/master/assets/spacemacs%20light.png?raw=true) 12 | 13 | ## Additional settings, packages, etc. 14 | In my attempt to get things looking as much as spacemacs as possible there are some none theme things i've added. 15 | Below are all parts used in the screenshots. 16 | 17 | - [Source Code Pro Font](https://github.com/adobe-fonts/source-code-pro) 18 | - [Rainbow Brackets](https://marketplace.visualstudio.com/items?itemName=2gua.rainbow-brackets) 19 | - Seti icons (default available, enable with ```"workbench.iconTheme": "vs-seti", ``` in your config) 20 | -------------------------------------------------------------------------------- /assets/code_sample.js: -------------------------------------------------------------------------------- 1 | function downTheRabbitHole(growThisBig) { 2 | var theFullDeck = Array(growThisBig); 3 | var theHatter = Function('return this/4').call(2 * 2); 4 | var theMarchHare = Boolean('The frumious Bandersnatch!'); 5 | 6 | var theVerdict = 'the white rabbit'.split(/the march hare/).slice(theHatter); 7 | 8 | //into the pool of tears... 9 | eval(theFullDeck.join('if (!theFullDeck[++theHatter]) {\ 10 | theMarchHare = 1;\ 11 | theVerdict.push(theHatter);\ 12 | ' + theFullDeck.join('theFullDeck[++theMarchHare * theHatter]=true;') + '}') 13 | ); 14 | 15 | return theVerdict; 16 | } 17 | -------------------------------------------------------------------------------- /assets/colortest.sh: -------------------------------------------------------------------------------- 1 | #!/bin/bash 2 | # 3 | # This file echoes a bunch of color codes to the 4 | # terminal to demonstrate what's available. Each 5 | # line is the color code of one forground color, 6 | # out of 17 (default + 16 escapes), followed by a 7 | # test use of that color on all nine background 8 | # colors (default + 8 escapes). 9 | # 10 | # Author: Giles Orr 11 | # URL: http://gilesorr.com/bashprompt/howto/c350.html 12 | # License: GNU Free Documentation License, Version 1.1 or any later version published by the Free Software Foundation; 13 | # http://gilesorr.com/bashprompt/howto/a1004.html 14 | 15 | 16 | T='gYw' # The test text 17 | 18 | echo -e "\n 40m 41m 42m 43m\ 19 | 44m 45m 46m 47m"; 20 | 21 | for FGs in ' m' ' 1m' ' 30m' '1;30m' ' 31m' '1;31m' ' 32m' \ 22 | '1;32m' ' 33m' '1;33m' ' 34m' '1;34m' ' 35m' '1;35m' \ 23 | ' 36m' '1;36m' ' 37m' '1;37m'; 24 | do FG=${FGs// /} 25 | echo -en " $FGs \033[$FG $T " 26 | for BG in 40m 41m 42m 43m 44m 45m 46m 47m; 27 | do echo -en "$EINS \033[$FG\033[$BG $T \033[0m"; 28 | done 29 | echo; 30 | done 31 | echo 32 | -------------------------------------------------------------------------------- /assets/icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | 22 | 33 | 35 | 39 | 43 | 47 | 51 | 52 | 61 | 63 | 67 | 71 | 75 | 79 | 80 | 89 | 91 | 95 | 99 | 100 | 109 | 111 | 115 | 119 | 120 | 129 | 138 | 140 | 144 | 148 | 152 | 156 | 157 | 167 | 169 | 173 | 177 | 181 | 185 | 189 | 190 | 200 | 210 | 220 | 230 | 240 | 250 | 260 | 270 | 280 | 281 | 300 | 302 | 303 | 305 | image/svg+xml 306 | 308 | 309 | 310 | 311 | 312 | 318 | 322 | 329 | 335 | 341 | 346 | 351 | 356 | 357 | 358 | 364 | 372 | 380 | 388 | 396 | 404 | 405 | 406 | -------------------------------------------------------------------------------- /assets/spacemacs colors.txt: -------------------------------------------------------------------------------- 1 | ~~ Dark ~~ ~~ Light ~~ 2 | GUI TER GUI TER 3 | generic 4 | act1 "#222226" "#121212" "#e7e5eb" "#d7dfff" 5 | act2 "#5d4d7a" "#444444" "#d3d3e7" "#afafd7" 6 | base "#b2b2b2" "#b2b2b2" "#655370" "#5f5f87" 7 | base-dim "#686868" "#585858" "#a094a2" "#afafd7" 8 | bg1 "#292b2e" "#262626" "#fbf8ef" "#ffffff" 9 | bg2 "#212026" "#1c1c1c" "#efeae9" "#e4e4e4" 10 | bg3 "#100a14" "#121212" "#e3dedd" "#d0d0d0" 11 | bg4 "#0a0814" "#080808" "#d2ceda" "#bcbcbc" 12 | border "#5d4d7a" "#111111" "#b3b9be" "#b3b9be" 13 | cblk "#cbc1d5" "#b2b2b2" "#655370" "#5f5f87" 14 | cblk-bg "#2f2b33" "#262626" "#e8e3f0" "#ffffff" 15 | cblk-ln "#827591" "#af5faf" "#9380b2" "#af5fdf" 16 | cblk-ln-bg "#373040" "#333333" "#ddd8eb" "#dfdfff" 17 | cursor "#e3dedd" "#d0d0d0" "#100a14" "#121212" 18 | const "#a45bad" "#d75fd7" "#4e3163" "#8700af" 19 | comment "#2aa1ae" "#008787" "#2aa1ae" "#008787" 20 | comment-bg "#292e34" "#262626" "#ecf3ec" "#ffffff" 21 | comp "#c56ec3" "#d75fd7" "#6c4173" "#8700af" 22 | err "#e0211d" "#e0211d" "#e0211d" "#e0211d" 23 | func "#bc6ec5" "#d75fd7" "#6c3163" "#8700af" 24 | head1 "#4f97d7" "#268bd2" "#3a81c3" "#268bd2" 25 | head1-bg "#293239" "#262626" "#edf1ed" "#ffffff" 26 | head2 "#2d9574" "#2aa198" "#2d9574" "#2aa198" 27 | head2-bg "#293235" "#262626" "#edf2e9" "#ffffff" 28 | head3 "#67b11d" "#67b11d" "#67b11d" "#5faf00" 29 | head3-bg "#293235" "#262626" "#edf2e9" "#ffffff" 30 | head4 "#b1951d" "#875f00" "#b1951d" "#875f00" 31 | head4-bg "#32322c" "#262626" "#f6f1e1" "#ffffff" 32 | highlight "#444155" "#444444" "#d3d3e7" "#d7d7ff" 33 | highlight-dim "#3b314d" "#444444" "#e7e7fc" "#d7d7ff" 34 | keyword "#4f97d7" "#268bd2" "#3a81c3" "#268bd2" 35 | lnum "#44505c" "#444444" "#a8a8bf" "#af87af" 36 | mat "#86dc2f" "#86dc2f" "#ba2f59" "#af005f" 37 | meta "#9f8766" "#af875f" "#da8b55" "#df5f5f" 38 | str "#2d9574" "#2aa198" "#2d9574" "#2aa198" 39 | suc "#86dc2f" "#86dc2f" "#42ae2c" "#00af00" 40 | ttip "#9a9aba" "#888888" "#8c799f" "#5f5f87" 41 | ttip-sl "#5e5079" "#333333" "#c8c6dd" "#afafff" 42 | ttip-bg "#34323e" "#444444" "#e2e0ea" "#dfdfff" 43 | type "#ce537a" "#df005f" "#ba2f59" "#af005f" 44 | var "#7590db" "#8787d7" "#715ab1" "#af5fd7" 45 | war "#dc752f" "#dc752f" "#dc752f" "#dc752f" 46 | 47 | colors 48 | aqua "#2d9574" "#2aa198" "#2d9574" "#2aa198" 49 | aqua-bg "#293235" "#262626" "#edf2e9" "#ffffff" 50 | green "#67b11d" "#67b11d" "#67b11d" "#5faf00" 51 | green-bg "#293235" "#262626" "#edf2e9" "#ffffff" 52 | green-bg-s "#29422d" "#262626" "#dae6d0" "#ffffff" 53 | cyan "#28def0" "#00ffff" "#21b8c7" "#008080" 54 | red "#f2241f" "#d70000" "#f2241f" "#d70008" 55 | red-bg "#3c2a2c" "#262626" "#faede4" "#ffffff" 56 | red-bg-s "#512e31" "#262626" "#eed9d2" "#ffffff" 57 | blue "#4f97d7" "#268bd2" "#3a81c3" "#268bd2" 58 | blue-bg "#293239" "#262626" "#edf1ed" "#d7d7ff" 59 | magenta "#a31db1" "#af00df" "#a31db1" "#800080" 60 | yellow "#b1951d" "#875f00" "#b1951d" "#875f00" 61 | yellow-bg "#32322c" "#262626" "#f6f1e1" "#ffffff" 62 | -------------------------------------------------------------------------------- /assets/spacemacs dark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cometeer/spacemacs-vscode/2f7d3a061030f2fa2326695f4e0880084cd4c780/assets/spacemacs dark.png -------------------------------------------------------------------------------- /assets/spacemacs light.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/cometeer/spacemacs-vscode/2f7d3a061030f2fa2326695f4e0880084cd4c780/assets/spacemacs light.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "spacemacs", 3 | "displayName": "Spacemacs", 4 | "description": "Spacemacs themes for Visual Studio Code", 5 | "version": "1.1.0", 6 | "publisher": "cometeer", 7 | "engines": { 8 | "vscode": "^1.12.0" 9 | }, 10 | "categories": [ 11 | "Themes" 12 | ], 13 | "contributes": { 14 | "themes": [ 15 | { 16 | "label": "Spacemacs - light", 17 | "uiTheme": "vs", 18 | "path": "./themes/Spacemacs-light-color-theme.json" 19 | }, 20 | { 21 | "label": "Spacemacs - dark", 22 | "uiTheme": "vs-dark", 23 | "path": "./themes/Spacemacs-dark-color-theme.json" 24 | } 25 | ] 26 | }, 27 | "repository": { 28 | "type": "git", 29 | "url": "git+https://github.com/cometeer/spacemacs-vscode.git" 30 | }, 31 | "keywords": [ 32 | "vs-code", 33 | "theme", 34 | "spacemacs" 35 | ], 36 | "author": "cometeer", 37 | "license": "ISC", 38 | "bugs": { 39 | "url": "https://github.com/cometeer/spacemacs-vscode/issues" 40 | }, 41 | "homepage": "https://github.com/cometeer/spacemacs-vscode#readme", 42 | "icon": "assets/icon.svg" 43 | } 44 | -------------------------------------------------------------------------------- /themes/Spacemacs-dark-color-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Spacemacs - dark", 3 | "colors": { 4 | "debugToolBar.background": "#0a0814", 5 | "activityBar.background": "#212026", 6 | "activityBar.foreground": "#cbc1d5", 7 | "activityBarBadge.background": "#222226", 8 | "activityBarBadge.foreground": "#cbc1d5", 9 | "contrastBorder": "#5d4d7a", 10 | "dropdown.background": "#212026", 11 | "dropdown.border": "#5d4d7a", 12 | "dropdown.foreground": "#cbc1d5", 13 | "editor.background": "#292b2e", 14 | "editor.foreground": "#cbc1d5", 15 | "editor.inactiveSelectionBackground": "#3b314d", 16 | "editor.lineHighlightBackground": "#212026", 17 | "editor.selectionBackground": "#5d4d7a", 18 | "editor.selectionHighlightBackground": "#3b314d", 19 | "editorBracketMatch.background": "#5d4d7a", 20 | "editorBracketMatch.border": "#686868", 21 | "editorCursor.foreground": "#e3dedd", 22 | "editorGroupHeader.noTabsBackground": "#292b2e", 23 | "editorGroupHeader.tabsBackground": "#292b2e", 24 | "editorIndentGuide.background": "#212026", 25 | "editorLineNumber.foreground": "#5d4d7a", 26 | "list.activeSelectionBackground": "#100a14", 27 | "list.activeSelectionForeground": "#b2b2b2", 28 | "list.dropBackground": "#100a14", 29 | "list.focusBackground": "#100a14", 30 | "list.highlightForeground": "#686868", 31 | "list.hoverBackground": "#100a14", 32 | "list.inactiveSelectionBackground": "#212026", 33 | "notification.background": "#34323e", 34 | "notification.foreground": "#5e5079", 35 | "sideBar.background": "#292b2e", 36 | "sideBarSectionHeader.background": "#212026", 37 | "sideBarTitle.foreground": "#cbc1d5", 38 | "statusBar.background": "#222226", 39 | "statusBar.debuggingBackground": "#5d4d7a", 40 | "statusBar.foreground": "#cbc1d5", 41 | "statusBar.noFolderBackground": "#222226", 42 | "statusBarItem.activeBackground": "#827591", 43 | "statusBarItem.hoverBackground": "#827591", 44 | "statusBarItem.prominentBackground": "#827591", 45 | "statusBarItem.prominentHoverBackground": "#827591", 46 | "tab.activeBackground": "#5d4d7a", 47 | "tab.activeForeground": "#cbc1d5", 48 | "tab.border": "#5d4d7a", 49 | "tab.inactiveBackground": "#212026", 50 | "tab.inactiveForeground": "#a094a2", 51 | "terminal.ansiBlack": "#b2b2b2", 52 | "terminal.ansiBlue": "#3a81c3", 53 | "terminal.ansiBrightBlack": "#b2b2b2", 54 | "terminal.ansiBrightBlue": "#d7dfff", 55 | "terminal.ansiBrightCyan": "#28def0", 56 | "terminal.ansiBrightGreen": "#86dc2f", 57 | "terminal.ansiBrightMagenta": "#a31db1", 58 | "terminal.ansiBrightRed": "#f2241f", 59 | "terminal.ansiBrightWhite": "#b2b2b2", 60 | "terminal.ansiBrightYellow": "#b1951d", 61 | "terminal.ansiCyan": "#21b8c7", 62 | "terminal.ansiGreen": "#67b11d", 63 | "terminal.ansiMagenta": "#800080", 64 | "terminal.ansiRed": "#ba2f59", 65 | "terminal.ansiWhite": "#b2b2b2", 66 | "terminal.ansiYellow": "#b1951d", 67 | "widget.shadow": "#5d4d7a" 68 | }, 69 | "tokenColors": [ 70 | { 71 | "settings": { 72 | "background": "#000c18", 73 | "foreground": "#6688cc" 74 | } 75 | }, 76 | { 77 | "name": "Comments", 78 | "scope": "comment", 79 | "settings": { 80 | "foreground": "#2aa1ae" 81 | } 82 | }, 83 | { 84 | "name": "Strings", 85 | "scope": "string", 86 | "settings": { 87 | "foreground": "#2d9574" 88 | } 89 | }, 90 | { 91 | "name": "Numbers", 92 | "scope": "constant.numeric", 93 | "settings": { 94 | "foreground": "#a45bad" 95 | } 96 | }, 97 | { 98 | "name": "Built-in constants", 99 | "scope": "constant.language", 100 | "settings": { 101 | "foreground": "#a45bad" 102 | } 103 | }, 104 | { 105 | "name": "User-defined constants", 106 | "scope": [ 107 | "constant.character", 108 | "constant.other" 109 | ], 110 | "settings": { 111 | "foreground": "#a45bad" 112 | } 113 | }, 114 | { 115 | "name": "Variables", 116 | "scope": "variable", 117 | "settings": { 118 | "foreground": "#7590db", 119 | "fontStyle": "" 120 | } 121 | }, 122 | { 123 | "name": "Keywords", 124 | "scope": "keyword", 125 | "settings": { 126 | "foreground": "#4f97d7" 127 | } 128 | }, 129 | { 130 | "name": "Storage", 131 | "scope": "storage", 132 | "settings": { 133 | "fontStyle": "", 134 | "foreground": "#4f97d7" 135 | } 136 | }, 137 | { 138 | "name": "Storage types", 139 | "scope": "storage.type", 140 | "settings": { 141 | "fontStyle": "italic", 142 | "foreground": "#ce537a" 143 | } 144 | }, 145 | { 146 | "name": "Class names", 147 | "scope": [ 148 | "entity.name.class", 149 | "entity.name.type" 150 | ], 151 | "settings": { 152 | "fontStyle": "bold", 153 | "foreground": "#4f97d7" 154 | } 155 | }, 156 | { 157 | "name": "Inherited class", 158 | "scope": "entity.other.inherited-class", 159 | "settings": { 160 | "fontStyle": "italic underline", 161 | "foreground": "#bc6ec5" 162 | } 163 | }, 164 | { 165 | "name": "Function names", 166 | "scope": "entity.name.function", 167 | "settings": { 168 | "fontStyle": "", 169 | "foreground": "#bc6ec5" 170 | } 171 | }, 172 | { 173 | "name": "Function arguments", 174 | "scope": "variable.parameter", 175 | "settings": { 176 | "fontStyle": "", 177 | "foreground": "#7590db" 178 | } 179 | }, 180 | { 181 | "name": "Tag names", 182 | "scope": "entity.name.tag", 183 | "settings": { 184 | "fontStyle": "", 185 | "foreground": "#4f97d7" 186 | } 187 | }, 188 | { 189 | "name": "Tag start/end", 190 | "scope": "punctuation.definition.tag", 191 | "settings": { 192 | "foreground": "#2aa1ae" 193 | } 194 | }, 195 | { 196 | "name": "Tag attributes", 197 | "scope": "entity.other.attribute-name", 198 | "settings": { 199 | "fontStyle": "", 200 | "foreground": "#bc6ec5" 201 | } 202 | }, 203 | { 204 | "name": "Library functions", 205 | "scope": "support.function", 206 | "settings": { 207 | "fontStyle": "bold", 208 | "foreground": "#bc6ec5" 209 | } 210 | }, 211 | { 212 | "name": "Library constants", 213 | "scope": "support.constant", 214 | "settings": { 215 | "fontStyle": "", 216 | "foreground": "#a45bad" 217 | } 218 | }, 219 | { 220 | "name": "Library classes/types", 221 | "scope": [ 222 | "support.type", 223 | "support.class" 224 | ], 225 | "settings": { 226 | "fontStyle": "italic", 227 | "foreground": "#ce537a" 228 | } 229 | }, 230 | { 231 | "name": "Invalid", 232 | "scope": "invalid", 233 | "settings": { 234 | "foreground": "#e0211d" 235 | } 236 | }, 237 | { 238 | "name": "diff: header", 239 | "scope": [ 240 | "meta.diff", 241 | "meta.diff.header" 242 | ], 243 | "settings": { 244 | "fontStyle": "italic", 245 | "foreground": "#E0EDDD" 246 | } 247 | }, 248 | { 249 | "name": "diff: deleted", 250 | "scope": "markup.deleted", 251 | "settings": { 252 | "foreground": "#dc322f" 253 | } 254 | }, 255 | { 256 | "name": "diff: changed", 257 | "scope": "markup.changed", 258 | "settings": { 259 | "foreground": "#cb4b16" 260 | } 261 | }, 262 | { 263 | "name": "diff: inserted", 264 | "scope": "markup.inserted", 265 | "settings": { 266 | "foreground": "#219186" 267 | } 268 | }, 269 | { 270 | "name": "Markup Quote", 271 | "scope": "markup.quote", 272 | "settings": { 273 | "foreground": "#22aa44" 274 | } 275 | }, 276 | { 277 | "name": "Markup Styling", 278 | "scope": [ 279 | "markup.bold", 280 | "markup.italic" 281 | ], 282 | "settings": { 283 | "foreground": "#22aa44" 284 | } 285 | }, 286 | { 287 | "name": "Markup Inline", 288 | "scope": "markup.inline.raw", 289 | "settings": { 290 | "foreground": "#9966b8" 291 | } 292 | }, 293 | { 294 | "name": "Markup Setext Header", 295 | "scope": "markup.heading.setext", 296 | "settings": { 297 | "foreground": "#ddbb88" 298 | } 299 | }, 300 | { 301 | "name": "Source Java Storage Modifier Import", 302 | "scope": [ 303 | "source.java storage.modifier.import", 304 | "source.java storage.modifier.package", 305 | "source.java entity.name.type.class", 306 | "source.java storage.type", 307 | "source.java meta.definition.class.implemented.interfaces", 308 | "source.java entity.other.inherited-class" 309 | ], 310 | "settings": { 311 | "fontStyle": "", 312 | "foreground": "#ce537a" 313 | } 314 | }, 315 | { 316 | "name": "Java Method Body", 317 | "scope": [ 318 | "meta.method.body.java", 319 | "meta.function-call.java" 320 | ], 321 | "settings": { 322 | "foreground": "#cbc1d5ff" 323 | } 324 | }, 325 | { 326 | "name": "Java Operators", 327 | "scope": [ 328 | "source.java keyword.operator.assignment", 329 | "source.java keyword.operator.arithmetic", 330 | "source.java storage.type.function.arrow.java", 331 | "source.java punctuation.definition.parameters.begin.bracket.round", 332 | "source.java punctuation.definition.parameters.end.bracket.round" 333 | ], 334 | "settings": { 335 | "foreground": "#cbc1d5ff" 336 | } 337 | }, 338 | { 339 | "name": "Java Curly Braces", 340 | "scope": [ 341 | "source.java begin.bracket.curly", 342 | "source.java end.bracket.curly" 343 | ], 344 | "settings": { 345 | "foreground": "#4f97d7" 346 | } 347 | }, 348 | { 349 | "name": "Java Constructor", 350 | "scope": "source.java entity.name.function meta", 351 | "settings": { 352 | "foreground": "#ce537a" 353 | } 354 | }, 355 | { 356 | "name": "Javadoc keywords", 357 | "scope": "source.java keyword.other.documentation.javadoc.java", 358 | "settings": { 359 | "foreground": "#9966b8" 360 | } 361 | }, 362 | { 363 | "name": "C++ Directives", 364 | "scope": [ 365 | "source.cpp keyword.control.directive" 366 | ], 367 | "settings": { 368 | "foreground": "#9966b8" 369 | } 370 | }, 371 | { 372 | "name": "C++ Keywords", 373 | "scope": [ 374 | "source.cpp storage.type", 375 | "source.cpp storage.modifier" 376 | ], 377 | "settings": { 378 | "foreground": "#4f97d7" 379 | } 380 | }, 381 | { 382 | "name": "Clojure locals", 383 | "scope": "source.clojure meta.symbol", 384 | "settings": { 385 | "foreground": "#cbc1d5ff" 386 | } 387 | }, 388 | { 389 | "name": "Clojure namespace", 390 | "scope": [ 391 | "source.clojure entity.global", 392 | "source.clojure meta.definition.global" 393 | ], 394 | "settings": { 395 | "foreground": "#ce537a" 396 | } 397 | }, 398 | { 399 | "name": "Clojure keyword", 400 | "scope": "source.clojure constant.keyword", 401 | "settings": { 402 | "foreground": "#9966b8" 403 | } 404 | }, 405 | { 406 | "name": "Clojure namespace", 407 | "scope": [ 408 | "source.clojure meta.symbol meta.expression", 409 | "source.clojure meta.vector" 410 | ], 411 | "settings": { 412 | "foreground": "#ce537a" 413 | } 414 | } 415 | ] 416 | } 417 | -------------------------------------------------------------------------------- /themes/Spacemacs-light-color-theme.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Spacemacs - light", 3 | "colors": { 4 | "editorBracketMatch.background": "#ddd8eb", 5 | "editorBracketMatch.border": "#9380b2", 6 | 7 | "activityBar.background": "#efeae9", 8 | "activityBar.foreground": "#655370", 9 | 10 | "activityBarBadge.background": "#e7e5eb", 11 | "activityBarBadge.foreground": "#655370", 12 | 13 | "contrastBorder": "#b3b9be", 14 | 15 | "dropdown.background": "#efeae9", 16 | "dropdown.border": "#b3b9be", 17 | "dropdown.foreground": "#655370", 18 | 19 | "editor.background": "#fbf8ef", 20 | "editor.foreground": "#655370", 21 | "editor.inactiveSelectionBackground": "#e7e7fc", 22 | "editor.lineHighlightBackground": "#efeae9", 23 | "editor.selectionBackground": "#d3d3e7", 24 | "editor.selectionHighlightBackground": "#e7e7fc", 25 | 26 | "editorCursor.foreground": "#100a14", 27 | 28 | "editorIndentGuide.background": "#efeae9", 29 | 30 | "editorGroup.border": "#b3b9be", 31 | 32 | "editorGroupHeader.noTabsBackground": "#fbf8ef", 33 | "editorGroupHeader.tabsBackground": "#fbf8ef", 34 | 35 | "editorLineNumber.foreground": "#b3b9be", 36 | 37 | "list.activeSelectionBackground": "#d2ceda", 38 | "list.activeSelectionForeground": "#655370", 39 | "list.dropBackground": "#d2ceda", 40 | "list.focusBackground": "#d2ceda", 41 | "list.highlightForeground": "#655370", 42 | "list.hoverBackground": "#efeae9", 43 | "list.inactiveSelectionBackground": "#efeae9", 44 | 45 | "sideBar.background": "#fbf8ef", 46 | "sideBarSectionHeader.background": "#efeae9", 47 | "sideBarTitle.foreground": "#655370", 48 | 49 | "statusBar.background": "#e7e5eb", 50 | "statusBar.debuggingBackground": "#d3d3e7", 51 | "statusBar.foreground": "#655370", 52 | "statusBar.noFolderBackground": "#e7e5eb", 53 | 54 | "statusBarItem.activeBackground": "#9380b2", 55 | "statusBarItem.hoverBackground": "#9380b2", 56 | "statusBarItem.prominentBackground": "#9380b2", 57 | "statusBarItem.prominentHoverBackground": "#9380b2", 58 | 59 | "tab.activeBackground": "#fbf8ef", 60 | "tab.activeForeground": "#655370", 61 | "tab.border": "#b3b9be", 62 | "tab.inactiveBackground": "#efeae9", 63 | "tab.inactiveForeground": "#a094a2", 64 | 65 | "terminal.ansiBlack": "#100a14", 66 | "terminal.ansiBlue": "#3a81c3", 67 | "terminal.ansiBrightBlack": "#262626", 68 | "terminal.ansiBrightBlue": "#d7dfff", 69 | "terminal.ansiBrightCyan": "#28def0", 70 | "terminal.ansiBrightGreen": "#86dc2f", 71 | "terminal.ansiBrightMagenta": "#a31db1", 72 | "terminal.ansiBrightRed": "#f2241f", 73 | "terminal.ansiBrightWhite": "#100a14", 74 | "terminal.ansiBrightYellow": "#b1951d", 75 | "terminal.ansiCyan": "#21b8c7", 76 | "terminal.ansiGreen": "#67b11d", 77 | "terminal.ansiMagenta": "#800080", 78 | "terminal.ansiRed": "#ba2f59", 79 | "terminal.ansiWhite": "#100a14", 80 | "terminal.ansiYellow": "#b1951d" 81 | }, 82 | "tokenColors": [ 83 | { 84 | "settings": { 85 | "background": "#000c18", 86 | "foreground": "#6688cc" 87 | } 88 | }, 89 | { 90 | "name": "Comments", 91 | "scope": "comment", 92 | "settings": { 93 | "foreground": "#2aa1ae" 94 | } 95 | }, 96 | { 97 | "name": "Strings", 98 | "scope": "string", 99 | "settings": { 100 | "foreground": "#2d9574" 101 | } 102 | }, 103 | { 104 | "name": "Numbers", 105 | "scope": "constant.numeric", 106 | "settings": { 107 | "foreground": "#4e3163" 108 | } 109 | }, 110 | { 111 | "name": "Built-in constants", 112 | "scope": "constant.language", 113 | "settings": { 114 | "foreground": "#4e3163" 115 | } 116 | }, 117 | { 118 | "name": "User-defined constants", 119 | "scope": [ 120 | "constant.character", 121 | "constant.other" 122 | ], 123 | "settings": { 124 | "foreground": "#4e3163" 125 | } 126 | }, 127 | { 128 | "name": "Variables", 129 | "scope": "variable", 130 | "settings": { 131 | "foreground": "#715ab1", 132 | "fontStyle": "" 133 | } 134 | }, 135 | { 136 | "name": "Keywords", 137 | "scope": "keyword", 138 | "settings": { 139 | "foreground": "#3a81c3" 140 | } 141 | }, 142 | { 143 | "name": "Storage", 144 | "scope": "storage", 145 | "settings": { 146 | "fontStyle": "", 147 | "foreground": "#225588" 148 | } 149 | }, 150 | { 151 | "name": "Storage types", 152 | "scope": "storage.type", 153 | "settings": { 154 | "fontStyle": "italic", 155 | "foreground": "#6c3163" 156 | } 157 | }, 158 | { 159 | "name": "Class names", 160 | "scope": [ 161 | "entity.name.class", 162 | "entity.name.type" 163 | ], 164 | "settings": { 165 | "fontStyle": "bold", 166 | "foreground": "#3a81c3" 167 | } 168 | }, 169 | { 170 | "name": "Inherited class", 171 | "scope": "entity.other.inherited-class", 172 | "settings": { 173 | "fontStyle": "italic underline", 174 | "foreground": "#3a81c3" 175 | } 176 | }, 177 | { 178 | "name": "Function names", 179 | "scope": "entity.name.function", 180 | "settings": { 181 | "fontStyle": "", 182 | "foreground": "#6c3163" 183 | } 184 | }, 185 | { 186 | "name": "Function arguments", 187 | "scope": "variable.parameter", 188 | "settings": { 189 | "fontStyle": "", 190 | "foreground": "#715ab1" 191 | } 192 | }, 193 | { 194 | "name": "Tag names", 195 | "scope": "entity.name.tag", 196 | "settings": { 197 | "fontStyle": "", 198 | "foreground": "#3a81c3" 199 | } 200 | }, 201 | { 202 | "name": "Tag start/end", 203 | "scope": "punctuation.definition.tag", 204 | "settings": { 205 | "foreground": "#2aa1ae" 206 | } 207 | }, 208 | { 209 | "name": "Tag attributes", 210 | "scope": "entity.other.attribute-name", 211 | "settings": { 212 | "fontStyle": "", 213 | "foreground": "#6c3163" 214 | } 215 | }, 216 | { 217 | "name": "Library functions", 218 | "scope": "support.function", 219 | "settings": { 220 | "fontStyle": "bold", 221 | "foreground": "#6c3163" 222 | } 223 | }, 224 | { 225 | "name": "Library constants", 226 | "scope": "support.constant", 227 | "settings": { 228 | "fontStyle": "", 229 | "foreground": "#4e3163" 230 | } 231 | }, 232 | { 233 | "name": "Library classes/types", 234 | "scope": [ 235 | "support.type", 236 | "support.class" 237 | ], 238 | "settings": { 239 | "fontStyle": "italic", 240 | "foreground": "#9966b8" 241 | } 242 | }, 243 | { 244 | "name": "Invalid", 245 | "scope": "invalid", 246 | "settings": { 247 | "foreground": "#e0211d" 248 | } 249 | }, 250 | { 251 | "name": "diff: header", 252 | "scope": [ 253 | "meta.diff", 254 | "meta.diff.header" 255 | ], 256 | "settings": { 257 | "fontStyle": "italic", 258 | "foreground": "#E0EDDD" 259 | } 260 | }, 261 | { 262 | "name": "diff: deleted", 263 | "scope": "markup.deleted", 264 | "settings": { 265 | "foreground": "#dc322f" 266 | } 267 | }, 268 | { 269 | "name": "diff: changed", 270 | "scope": "markup.changed", 271 | "settings": { 272 | "foreground": "#cb4b16" 273 | } 274 | }, 275 | { 276 | "name": "diff: inserted", 277 | "scope": "markup.inserted", 278 | "settings": { 279 | "foreground": "#219186" 280 | } 281 | }, 282 | { 283 | "name": "Markup Quote", 284 | "scope": "markup.quote", 285 | "settings": { 286 | "foreground": "#22aa44" 287 | } 288 | }, 289 | { 290 | "name": "Markup Styling", 291 | "scope": [ 292 | "markup.bold", 293 | "markup.italic" 294 | ], 295 | "settings": { 296 | "foreground": "#22aa44" 297 | } 298 | }, 299 | { 300 | "name": "Markup Inline", 301 | "scope": "markup.inline.raw", 302 | "settings": { 303 | "foreground": "#9966b8" 304 | } 305 | }, 306 | { 307 | "name": "Markup Setext Header", 308 | "scope": "markup.heading.setext", 309 | "settings": { 310 | "foreground": "#ddbb88" 311 | } 312 | } 313 | ] 314 | } 315 | -------------------------------------------------------------------------------- /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/Spacemacs-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+R` 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`. 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 about what scopes are used where, check out the [TextMate documentation](https://manual.macromates.com/en/themes) 22 | and the [Scope Naming](https://www.sublimetext.com/docs/3/scope_naming.html) documentation from Sublime. 23 | * A great place to examine themes is [here](https://tmtheme-editor.herokuapp.com/#!/editor/theme/Monokai). 24 | 25 | ## Install your extension 26 | * To start using your extension with Visual Studio Code copy it into the `/.vscode/extensions` folder and restart Code. 27 | * To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension. 28 | --------------------------------------------------------------------------------