├── icon.png ├── .DS_Store ├── .vscodeignore ├── themes ├── .DS_Store └── synthwave-x-fluoromachine.json ├── synthwave-x-fluoromachine-0.0.1.vsix ├── synthwave-x-fluoromachine-0.0.10.vsix ├── synthwave-x-fluoromachine-0.0.11.vsix ├── synthwave-x-fluoromachine-0.0.12.vsix ├── synthwave-x-fluoromachine-0.0.2.vsix ├── synthwave-x-fluoromachine-0.0.3.vsix ├── synthwave-x-fluoromachine-0.0.4.vsix ├── synthwave-x-fluoromachine-0.0.5.vsix ├── synthwave-x-fluoromachine-0.0.7.vsix ├── synthwave-x-fluoromachine-0.0.8.vsix ├── synthwave-x-fluoromachine-0.0.9.vsix ├── .vscode └── launch.json ├── package.json ├── README.md ├── epic-80s-transitions.css ├── synthwave-x-fluoromachine.itermcolors └── synthwave-x-fluoromachine.css /icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/icon.png -------------------------------------------------------------------------------- /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/.DS_Store -------------------------------------------------------------------------------- /.vscodeignore: -------------------------------------------------------------------------------- 1 | .vscode/** 2 | .vscode-test/** 3 | .gitignore 4 | vsc-extension-quickstart.md 5 | -------------------------------------------------------------------------------- /themes/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/themes/.DS_Store -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.1.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.1.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.10.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.10.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.11.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.11.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.12.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.12.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.2.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.2.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.3.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.3.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.4.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.4.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.5.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.5.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.7.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.7.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.8.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.8.vsix -------------------------------------------------------------------------------- /synthwave-x-fluoromachine-0.0.9.vsix: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/kriticalflare/synthwave-x-fluoromachine/master/synthwave-x-fluoromachine-0.0.9.vsix -------------------------------------------------------------------------------- /.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 | } -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "synthwave-x-fluoromachine", 3 | "displayName": "Synthwave x Fluoromachine", 4 | "description": "Synthwave '84 x Fluoromachine Theme", 5 | "version": "0.0.12", 6 | "author": "Jeremy Laskar", 7 | "publisher": "webrender", 8 | "icon": "icon.png", 9 | "repository": { 10 | "type": "git", 11 | "url": "https://github.com/webrender/synthwave-vscode-x-fluoromachine" 12 | }, 13 | "engines": { 14 | "vscode": "^1.33.0" 15 | }, 16 | "keywords": [ 17 | "retro", 18 | "80s", 19 | "vaporwave", 20 | "synthwave", 21 | "fluoromachine" 22 | ], 23 | "categories": [ 24 | "Themes" 25 | ], 26 | "contributes": { 27 | "themes": [ 28 | { 29 | "label": "Synthwave x Fluoromachine", 30 | "uiTheme": "vs-dark", 31 | "path": "./themes/synthwave-x-fluoromachine.json" 32 | } 33 | ] 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # synthwave-x-fluoromachine 2 | This is a fork of @robbowen's [Synthwave '84 theme](https://marketplace.visualstudio.com/items?itemName=RobbOwen.synthwave-vscode), merged with @fullerenedream's [Fluoromachine](https://colorsublime.github.io/themes/FluoroMachine/) theme for VSCode. 3 | 4 | ![Theme screenshot](https://repository-images.githubusercontent.com/184457193/69dcff00-14d2-11ea-90e1-4bdf6fef80ca) 5 | 6 | ## Installation 7 | 8 | • install this theme 9 | • install [Custom CSS and JS Loader](https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css) 10 | • link the CSS file from this extension in your vscode settings.json: 11 | 12 | ``` 13 | On Mac it might look something like the snippet below: 14 | 15 | { 16 | "vscode_custom_css.imports": [ 17 | "file:///Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/synthwave-x-fluoromachine.css", 18 | "file:///Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/epic-80s-transitions.css" 19 | ] 20 | } 21 | 22 | Windows might resemble: 23 | 24 | { 25 | "vscode_custom_css.imports": [ 26 | "file:///C:/Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/synthwave-x-fluoromachine.css", 27 | "file:///C:/Users/{your username}/.vscode/extensions/webrender.synthwave-x-fluoromachine-0.0.12/epic-80s-transitions.css" 28 | ] 29 | } 30 | ``` 31 | 32 | • epic-80s-transitions.css is optional and brings crazy 80's animations into your VS code! 33 | 34 |

35 | 36 |

37 | 38 | • From the command panel, select `Reload Custom CSS and JS`. You'll need to run this command every time vscode updates. 39 | 40 | ## Font 41 | The font being used in the screenshot above is [Operator Mono with Ligatures](https://github.com/kiliman/operator-mono-lig). 42 | -------------------------------------------------------------------------------- /epic-80s-transitions.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Tourney:ital,wght@1,100&display=swap'); 2 | 3 | 4 | /* hover flip specials */ 5 | 6 | 7 | .mtk8, .mtk9, .mtk3, .mtk6, .mtk7, .mtk10 { 8 | display: inline-block; 9 | 10 | transition: .4s transform; 11 | /* transform: rotateX(0); */ 12 | } 13 | 14 | 15 | .mtk8:hover, .mtk9:hover, .mtk3:hover, .mtk6:hover, .mtk7:hover, .mtk10:hover { 16 | text-shadow: 2 2 15px; 17 | transform: scale(1.2); 18 | } 19 | 20 | 21 | /* end of hover flip specials */ 22 | 23 | 24 | /* tooltips */ 25 | 26 | .monaco-editor .monaco-hover { 27 | background-color: #262335; 28 | display: block!important; 29 | padding: 20px; 30 | transition: opacity 1s !important; 31 | opacity: 1; 32 | animation: tooltippulse 4s infinite linear; 33 | } 34 | 35 | .monaco-editor .monaco-hover.hidden { 36 | opacity: 0; 37 | } 38 | 39 | @keyframes tooltippulse { 40 | 0% { 41 | box-shadow: 0 0 0 0 rgba(255, 0, 242, 0); 42 | } 43 | 50% { 44 | box-shadow: 0 0 85px 0 rgba(0, 217, 255, 0.5); 45 | } 46 | 100% { 47 | box-shadow: 0 0 0 0 rgba(255, 0, 242, 0); 48 | } 49 | } 50 | 51 | .monaco-editor .monaco-hover::after { 52 | content: ''; 53 | position: absolute; 54 | bottom: -1px; 55 | left: 0; 56 | right: 0; 57 | height: 4px; 58 | background-size: 200% 200%; 59 | width: 100%; 60 | background-image: linear-gradient(to right, #fc28a8, #03edf9, #fc28a8, #03edf9, #fc28a8); 61 | 62 | animation: neonline 2s infinite; 63 | } 64 | 65 | @keyframes neonline { 66 | 0% { 67 | background-position: 0% 50%; 68 | } 69 | 100% { 70 | background-position: 100% 50%; 71 | } 72 | } 73 | 74 | 75 | 76 | /* end of tooltips */ 77 | 78 | 79 | /* tabs */ 80 | 81 | /* .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active::before { 82 | 83 | animation: neonline2 2s infinite; 84 | background-size: 200% 200%!important; 85 | width: 100%; 86 | background-image: linear-gradient(to right, #fc28a8, #03edf9, #fc28a8, #03edf9, #fc28a8)!important; 87 | } 88 | 89 | @keyframes neonline2 { 90 | 0% { 91 | background-position: 0% 50%; 92 | } 93 | 100% { 94 | background-position: 100% 50%; 95 | } 96 | } */ 97 | 98 | /* end of tabs*/ 99 | 100 | 101 | .monaco-editor .selected-text { 102 | background-color: #000000aa!important; 103 | box-shadow: 0 0 35px 5px #ff008d55; 104 | color: #fff!important; 105 | } 106 | 107 | 108 | .monaco-editor .cursor { 109 | box-shadow: 0 0 15px 2px #00c3ff; 110 | animation: cursor .5s infinite linear; 111 | } 112 | 113 | 114 | .editor-group-container:after { 115 | animation: flight 2s infinite linear; 116 | } 117 | 118 | .view-line .inline-folded:after { 119 | color:yellow; 120 | border-radius: 5px; 121 | animation: colapse .5s linear; 122 | } 123 | 124 | 125 | 126 | .monaco-editor .line-numbers.active-line-number { 127 | color: turquoise; 128 | text-shadow: 0 0 1px yellow!important; 129 | } 130 | 131 | 132 | 133 | 134 | /* canvas.minimap-decorations-layer { 135 | background-color: transparent !important; 136 | background-image: linear-gradient(to bottom, #200933 75%, #3d0b43); 137 | background-size: auto 100vh; 138 | background-position: top; 139 | background-repeat: no-repeat; 140 | } */ 141 | 142 | .monaco-editor .minimap-shadow-visible { 143 | box-shadow: none!important; 144 | } 145 | 146 | 147 | 148 | 149 | 150 | @keyframes colapse { 151 | 0% { 152 | background-color:yellow; 153 | box-shadow: 0 0 5px 0 yellow; 154 | } 155 | 70% { 156 | background-color: yellow; 157 | box-shadow: 0 0 35px 10px yellow; 158 | } 159 | 100% { 160 | background-color: transparent; 161 | } 162 | } 163 | 164 | @keyframes cursor { 165 | 0% { 166 | box-shadow: 0 0 5px 0 #00c3ff; 167 | } 168 | 100% { 169 | box-shadow: 0 0 35px 5px #00c3ff; 170 | } 171 | } 172 | 173 | @keyframes flight { 174 | 0% { 175 | background-size:20px 20px; 176 | 177 | } 178 | 100% { 179 | background-size:20px 10px; 180 | } 181 | } 182 | 183 | 184 | 185 | .editor-container::after { 186 | display: flex; 187 | align-items: center; 188 | align-content: center; 189 | justify-content: center; 190 | 191 | /* content: 'do epic shit...'; */ 192 | content: ' '; 193 | font-weight: bold; 194 | font-size: 5em; 195 | font-family: 'Tourney', cursive; 196 | 197 | color: #fc28a822; 198 | position: absolute; 199 | bottom: 40px; 200 | width: 100%; 201 | overflow-x: hidden; 202 | height: 120px; 203 | 204 | 205 | text-shadow: 0 0 30px #fc28a8; 206 | 207 | animation: cnt 10s infinite linear; 208 | 209 | 210 | 211 | } 212 | 213 | @keyframes cnt { 214 | 0% { 215 | bottom: 150px; 216 | font-size: 0.1em; 217 | color: #fc28a822; 218 | text-shadow: 0 0 5px #fc28a811; 219 | } 220 | 100% { 221 | bottom: -400px; 222 | font-size: 20em; 223 | color: #fc28a855; 224 | text-shadow: 0 0 30px #fc28a8; 225 | } 226 | } 227 | -------------------------------------------------------------------------------- /synthwave-x-fluoromachine.itermcolors: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | Ansi 0 Color 6 | 7 | Alpha Component 8 | 1 9 | Blue Component 10 | 0.20000000298023224 11 | Color Space 12 | sRGB 13 | Green Component 14 | 0.035294119268655777 15 | Red Component 16 | 0.12549020349979401 17 | 18 | Ansi 1 Color 19 | 20 | Alpha Component 21 | 1 22 | Blue Component 23 | 0.60392159223556519 24 | Color Space 25 | sRGB 26 | Green Component 27 | 0.098039217293262482 28 | Red Component 29 | 0.98823529481887817 30 | 31 | Ansi 10 Color 32 | 33 | Alpha Component 34 | 1 35 | Blue Component 36 | 1 37 | Color Space 38 | sRGB 39 | Green Component 40 | 0.88627451658248901 41 | Red Component 42 | 0.3803921639919281 43 | 44 | Ansi 11 Color 45 | 46 | Alpha Component 47 | 1 48 | Blue Component 49 | 0.0 50 | Color Space 51 | sRGB 52 | Green Component 53 | 0.80000001192092896 54 | Red Component 55 | 1 56 | 57 | Ansi 12 Color 58 | 59 | Alpha Component 60 | 1 61 | Blue Component 62 | 1 63 | Color Space 64 | sRGB 65 | Green Component 66 | 0.38823530077934265 67 | Red Component 68 | 0.60000002384185791 69 | 70 | Ansi 13 Color 71 | 72 | Alpha Component 73 | 1 74 | Blue Component 75 | 0.60392159223556519 76 | Color Space 77 | sRGB 78 | Green Component 79 | 0.098039217293262482 80 | Red Component 81 | 0.98823529481887817 82 | 83 | Ansi 14 Color 84 | 85 | Alpha Component 86 | 1 87 | Blue Component 88 | 1 89 | Color Space 90 | sRGB 91 | Green Component 92 | 0.38823530077934265 93 | Red Component 94 | 0.60000002384185791 95 | 96 | Ansi 15 Color 97 | 98 | Alpha Component 99 | 1 100 | Blue Component 101 | 1 102 | Color Space 103 | sRGB 104 | Green Component 105 | 1 106 | Red Component 107 | 0.99999600648880005 108 | 109 | Ansi 2 Color 110 | 111 | Alpha Component 112 | 1 113 | Blue Component 114 | 1 115 | Color Space 116 | sRGB 117 | Green Component 118 | 0.88627451658248901 119 | Red Component 120 | 0.3803921639919281 121 | 122 | Ansi 3 Color 123 | 124 | Alpha Component 125 | 1 126 | Blue Component 127 | 0.0 128 | Color Space 129 | sRGB 130 | Green Component 131 | 0.80000001192092896 132 | Red Component 133 | 1 134 | 135 | Ansi 4 Color 136 | 137 | Alpha Component 138 | 1 139 | Blue Component 140 | 1 141 | Color Space 142 | sRGB 143 | Green Component 144 | 0.38823530077934265 145 | Red Component 146 | 0.60000002384185791 147 | 148 | Ansi 5 Color 149 | 150 | Alpha Component 151 | 1 152 | Blue Component 153 | 0.60392159223556519 154 | Color Space 155 | sRGB 156 | Green Component 157 | 0.098039217293262482 158 | Red Component 159 | 0.98823529481887817 160 | 161 | Ansi 6 Color 162 | 163 | Alpha Component 164 | 1 165 | Blue Component 166 | 1 167 | Color Space 168 | sRGB 169 | Green Component 170 | 0.38823530077934265 171 | Red Component 172 | 0.60000002384185791 173 | 174 | Ansi 7 Color 175 | 176 | Alpha Component 177 | 1 178 | Blue Component 179 | 1 180 | Color Space 181 | sRGB 182 | Green Component 183 | 1 184 | Red Component 185 | 1 186 | 187 | Ansi 8 Color 188 | 189 | Alpha Component 190 | 1 191 | Blue Component 192 | 0.4078223705291748 193 | Color Space 194 | sRGB 195 | Green Component 196 | 0.40782788395881653 197 | Red Component 198 | 0.40781760215759277 199 | 200 | Ansi 9 Color 201 | 202 | Alpha Component 203 | 1 204 | Blue Component 205 | 0.60392159223556519 206 | Color Space 207 | sRGB 208 | Green Component 209 | 0.098039217293262482 210 | Red Component 211 | 0.98823529481887817 212 | 213 | Background Color 214 | 215 | Alpha Component 216 | 1 217 | Blue Component 218 | 0.20000000298023224 219 | Color Space 220 | sRGB 221 | Green Component 222 | 0.035294119268655777 223 | Red Component 224 | 0.12549020349979401 225 | 226 | Badge Color 227 | 228 | Alpha Component 229 | 0.5 230 | Blue Component 231 | 0.0 232 | Color Space 233 | sRGB 234 | Green Component 235 | 0.1491314172744751 236 | Red Component 237 | 1 238 | 239 | Bold Color 240 | 241 | Alpha Component 242 | 1 243 | Blue Component 244 | 1 245 | Color Space 246 | sRGB 247 | Green Component 248 | 1 249 | Red Component 250 | 1 251 | 252 | Cursor Color 253 | 254 | Alpha Component 255 | 1 256 | Blue Component 257 | 0.60392159223556519 258 | Color Space 259 | sRGB 260 | Green Component 261 | 0.098039217293262482 262 | Red Component 263 | 0.98823529481887817 264 | 265 | Cursor Guide Color 266 | 267 | Alpha Component 268 | 0.25 269 | Blue Component 270 | 1 271 | Color Space 272 | sRGB 273 | Green Component 274 | 0.9268307089805603 275 | Red Component 276 | 0.70213186740875244 277 | 278 | Cursor Text Color 279 | 280 | Alpha Component 281 | 1 282 | Blue Component 283 | 1 284 | Color Space 285 | sRGB 286 | Green Component 287 | 1 288 | Red Component 289 | 0.99999600648880005 290 | 291 | Foreground Color 292 | 293 | Alpha Component 294 | 1 295 | Blue Component 296 | 1 297 | Color Space 298 | sRGB 299 | Green Component 300 | 0.88627451658248901 301 | Red Component 302 | 0.3803921639919281 303 | 304 | Link Color 305 | 306 | Alpha Component 307 | 1 308 | Blue Component 309 | 0.0 310 | Color Space 311 | sRGB 312 | Green Component 313 | 0.80000001192092896 314 | Red Component 315 | 1 316 | 317 | Selected Text Color 318 | 319 | Alpha Component 320 | 1 321 | Blue Component 322 | 0.0 323 | Color Space 324 | sRGB 325 | Green Component 326 | 0.0 327 | Red Component 328 | 0.0 329 | 330 | Selection Color 331 | 332 | Alpha Component 333 | 1 334 | Blue Component 335 | 1 336 | Color Space 337 | sRGB 338 | Green Component 339 | 0.86970102787017822 340 | Red Component 341 | 0.75813239812850952 342 | 343 | 344 | 345 | -------------------------------------------------------------------------------- /synthwave-x-fluoromachine.css: -------------------------------------------------------------------------------- 1 | 2 | .mtk3, .mtk6 { 3 | color: #61e2ff; 4 | text-shadow: 0 0 2px #001716, 0 0 5px #03edf933, 0 0 10px #ffff6633; 5 | } 6 | 7 | .mtk3.mtki { 8 | font-style: italic; 9 | color: #9963ff99; 10 | } 11 | 12 | .mtk4, .mtk5, .mtk11, .mtk14 { 13 | color: #9963ff; 14 | } 15 | 16 | .mtk8, .mtk9 { 17 | /* color: #fd8902; */ 18 | color: #ffcc00; 19 | text-shadow: 0 0 2px #100c0f, 0 0 3px #ffaa0099, 0 0 5px #ffaa0099, 0 0 10px #ffaa0099; 20 | font-style: italic; 21 | } 22 | 23 | /* .mtk7 { 24 | color: #8a2dc0; 25 | text-shadow: 0 0 2px #000, 0 0 10px #8a2dc066, 0 0 5px #8a2dc066, 0 0 25px #8a2dc066; 26 | } */ 27 | 28 | /* .mtk8 { 29 | color: #72f1b8; 30 | text-shadow: 0 0 2px #100c0f, 0 0 10px #257c55, 0 0 35px #212724; 31 | } */ 32 | 33 | .mtk7, .mtk10 { 34 | color: #fc199a; 35 | text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #fc199a, 0 0 2px #fc199a; 36 | } 37 | 38 | 39 | .mtk10 { 40 | font-style: italic; 41 | } 42 | 43 | .monaco-editor .margin, .monaco-editor-background, .monaco-editor .inputarea.ime-input { 44 | background: transparent; 45 | } 46 | 47 | .monaco-workbench .part.editor > .content .editor-group-container.empty .editor-group-letterpress { 48 | background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='41px' height='40px' viewBox='0 0 41 40' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='97.6652818%25' id='linearGradient-1'%3E%3Cstop stop-color='%23FC28A8' offset='0%25'%3E%3C/stop%3E%3Cstop stop-color='%2303EDF9' offset='100%25'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='letterpress-dark' fill='url(%23linearGradient-1)'%3E%3Cg id='Group'%3E%3Cpath d='M30.2354,39.8836 C29.9195,39.8862 29.6057,39.8287 29.3109,39.7139 C28.9896,39.5885 28.6977,39.3979 28.4539,39.1539 L12.6999,24.7799 L9.23917,27.4037 L5.83434,29.986 C5.70454,30.0845 5.56201,30.1626 5.41164,30.2189 C5.20259,30.2976 4.9783,30.3339 4.7519,30.3239 C4.36361,30.3068 3.99356,30.1543 3.70588,29.8929 L1.50588,27.8929 C1.33452,27.7368 1.19763,27.5466 1.10396,27.3346 C1.01029,27.1225 0.961914,26.8933 0.961914,26.6614 C0.961914,26.4296 1.01029,26.2004 1.10396,25.9883 C1.19763,25.7762 1.33452,25.5861 1.50588,25.4299 L7.45788,19.9999 L4.67072,17.4532 L1.50734,14.5689 C1.33584,14.4129 1.19883,14.2227 1.10507,14.0107 C1.01132,13.7986 0.962891,13.5693 0.962891,13.3374 C0.962891,13.1056 1.01132,12.8763 1.10507,12.6642 C1.19883,12.4521 1.33584,12.262 1.50734,12.1059 L3.70734,10.1059 C3.72926,10.086 3.75165,10.0667 3.7745,10.048 C4.05213,9.82027 4.39666,9.68789 4.7569,9.67196 C5.14519,9.65479 5.52725,9.77401 5.83688,10.0089 L12.6999,15.2179 L28.4519,0.843942 C28.5452,0.751682 28.6455,0.666763 28.7519,0.589942 C29.1153,0.325601 29.5436,0.164633 29.9911,0.124137 C30.0919,0.11502 30.1928,0.112086 30.2933,0.115234 C30.6444,0.123748 30.9918,0.206443 31.3117,0.360027 L39.5477,4.32103 C39.9716,4.52522 40.3292,4.84487 40.5795,5.24325 C40.7787,5.56023 40.9035,5.9168 40.9462,6.28629 C40.9574,6.38148 40.9632,6.47754 40.9633,6.57401 L40.9633,6.67295 C40.9633,6.65781 40.9631,6.64268 40.9627,6.62757 L40.9627,33.3704 C40.9631,33.3552 40.9633,33.3401 40.9633,33.3249 L40.9633,33.4199 C40.9633,33.5146 40.9579,33.609 40.9472,33.7025 C40.9055,34.0754 40.7802,34.4355 40.5793,34.7552 C40.329,35.1534 39.9714,35.4729 39.5477,35.677 L31.3117,39.638 C31.0191,39.7785 30.7037,39.8596 30.3833,39.879 C30.3341,39.882 30.2848,39.8835 30.2354,39.8836 Z M30.9509,10.9369 L19.0028,19.9987 L30.9549,29.0639 L30.9509,10.9369 Z' id='Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); 49 | position: relative; 50 | } 51 | 52 | /* Add the subtle gradient to the editor background */ 53 | .editor .content, .monaco-editor { 54 | background-color: transparent !important; 55 | background-image: linear-gradient(to bottom, #200933 75%, #3d0b43); 56 | background-size: auto 100vh; 57 | background-position: top; 58 | background-repeat: no-repeat; 59 | position: relative; 60 | } 61 | 62 | .editor-container { 63 | position: relative; 64 | overflow: hidden; 65 | } 66 | 67 | .editor-group-container:after{ 68 | content:''; 69 | height:300px; 70 | width:100%; 71 | display:block; 72 | background-image:linear-gradient(90deg, rgba(252,25,154,.1) 1px, rgba(0,0,0,0) 1px), linear-gradient(0deg, rgba(252,25,154,.1) 1px, rgba(0,0,0,0) 1px); 73 | background-position:bottom; 74 | background-repeat:repeat; 75 | background-size:20px 20px; 76 | left: -25px; 77 | position: absolute; 78 | pointer-events: none; 79 | bottom: 0; 80 | transform: perspective(100px) rotateX(60deg); 81 | z-index: 0; 82 | } 83 | .editor-group-container { 84 | position: relative; 85 | overflow: hidden; 86 | } 87 | 88 | /* .monaco-editor > .overflow-guard > .monaco-scrollable-element:before { */ 89 | .monaco-editor:before, .editor-group-container:before { 90 | background-image: repeating-linear-gradient(to bottom, transparent 0 ,transparent 2px, #FFF 2px, #FFF 4px); 91 | background-size: 100% 4px cover; 92 | transform-origin: 50% 50%; 93 | content: ''; 94 | opacity: 0.02; 95 | position: absolute; 96 | top: 0; 97 | left: 0; 98 | right: 0; 99 | bottom: 0; 100 | } 101 | 102 | /* .monaco-editor .overflow-guard .margin { 103 | background: #210A33; 104 | } */ 105 | 106 | canvas { 107 | z-index: 2; 108 | } 109 | 110 | .minimap-slider { 111 | z-index: 3; 112 | background: #fc199a33 !important; 113 | } 114 | 115 | .minimap.slider-mouseover { 116 | z-index: 1; 117 | } 118 | 119 | /* Sweet sunset dots */ 120 | .monaco-workbench .activitybar>.content .monaco-action-bar .badge .badge-content { 121 | background: linear-gradient(to bottom, #fff951 25%, #fc28a8); 122 | } 123 | 124 | .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.sizing-fit::after { 125 | content: ''; 126 | position: absolute; 127 | bottom: -1px; 128 | left: 0; 129 | right: 0; 130 | height: 0px; 131 | transition: opacity 1s; 132 | opacity: 0; 133 | } 134 | 135 | /* Active sidebar item */ 136 | .monaco-workbench .activitybar>.content .monaco-action-bar .action-item.checked { 137 | box-shadow: inset 0 -5px 25px #fc28a825; 138 | position: relative; 139 | } 140 | 141 | .monaco-workbench .activitybar>.content .monaco-action-bar .action-item.checked::after { 142 | content: ''; 143 | position: absolute; 144 | bottom: 0px; 145 | top: 0px; 146 | left: 0px; 147 | width: 4px; 148 | background: linear-gradient(to bottom, #fc28a8, #03edf9) !important; 149 | opacity: 1; 150 | } 151 | 152 | .monaco-workbench .activitybar>.content .monaco-action-bar .action-item::after { 153 | content: ''; 154 | position: absolute; 155 | bottom: 0px; 156 | top: 0px; 157 | left: 0px; 158 | width: 0px; 159 | transition: opacity 1s; 160 | opacity: 0; 161 | } 162 | 163 | /* Active tab neon */ 164 | .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active { 165 | position: relative; 166 | --tab-border-bottom-color: transparent !important; 167 | } 168 | 169 | /* Active tab stripe */ 170 | .monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active::before { 171 | content: ''; 172 | position: absolute; 173 | bottom: -1px; 174 | left: 0; 175 | right: 0; 176 | height: 4px; 177 | background: linear-gradient(to right, #fc28a8, #03edf9) !important; 178 | } 179 | 180 | /* update lightbulb to be neon */ 181 | .lightbulb-glyph { 182 | background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Crect fill='%23ffffff' x='5.68' y='6.93' width='2.1' height='6.1' rx='0.96' transform='translate(-1.94 1.63) rotate(-12.09)'/%3E%3Cpath fill='%2303edf9' d='M7.08,13.5a1.46,1.46,0,0,1-1.43-1.16L4.77,8.26A1.47,1.47,0,0,1,5.9,6.53l.17,0A1.46,1.46,0,0,1,7.81,7.61l.87,4.09a1.46,1.46,0,0,1-1.12,1.73l-.18,0Zm-.7-6h-.1l-.17,0a.45.45,0,0,0-.29.21.45.45,0,0,0-.07.34l.88,4.09a.46.46,0,0,0,.54.35l.18,0a.46.46,0,0,0,.29-.2.48.48,0,0,0,.07-.35L6.83,7.82A.46.46,0,0,0,6.38,7.46Z'/%3E%3Crect fill='%23ffffff' x='8.22' y='6.93' width='2.1' height='6.1' rx='0.96' transform='translate(16.25 21.68) rotate(-167.91)'/%3E%3Cpath fill='%2303edf9' d='M8.93,13.5a1.63,1.63,0,0,1-.31,0l-.18,0A1.46,1.46,0,0,1,7.32,11.7l.87-4.09A1.47,1.47,0,0,1,9.93,6.49l.18,0a1.45,1.45,0,0,1,.92.63,1.47,1.47,0,0,1,.2,1.1l-.88,4.08a1.45,1.45,0,0,1-.63.93A1.48,1.48,0,0,1,8.93,13.5Zm.69-6a.45.45,0,0,0-.25.07.5.5,0,0,0-.2.29L8.3,11.9a.43.43,0,0,0,.06.35.46.46,0,0,0,.29.2l.18,0a.47.47,0,0,0,.55-.35l.87-4.09a.45.45,0,0,0-.06-.34A.47.47,0,0,0,9.9,7.5l-.18,0Z'/%3E%3Cpath fill='%23ffffff' d='M11.77,9l-3.53.67a1,1,0,0,1-1.15-.88h0A1.09,1.09,0,0,1,7.9,7.48l3.53-.67a1,1,0,0,1,1.15.89h0A1.08,1.08,0,0,1,11.77,9Z'/%3E%3Cpath fill='%2303edf9' d='M8.07,10.18A1.54,1.54,0,0,1,6.6,8.83a1.74,1.74,0,0,1,.25-1.22,1.46,1.46,0,0,1,1-.66l3.52-.67A1.51,1.51,0,0,1,13.07,7.6a1.61,1.61,0,0,1-1.22,1.88l-3.52.67A1.15,1.15,0,0,1,8.07,10.18ZM11.6,7.34h-.09L8,8a.53.53,0,0,0-.4.62.5.5,0,0,0,.57.44l3.52-.67a.54.54,0,0,0,.41-.62A.53.53,0,0,0,11.6,7.34Z'/%3E%3Cpath fill='%23ffffff' d='M11.74,6.74,4.67,8.08A1,1,0,0,1,3.52,7.2h0A1.08,1.08,0,0,1,4.33,6l7.06-1.34a1,1,0,0,1,1.16.88h0A1.08,1.08,0,0,1,11.74,6.74Z'/%3E%3Cpath fill='%2303edf9' d='M4.5,8.64a1.44,1.44,0,0,1-.86-.29A1.64,1.64,0,0,1,3,7.29a1.72,1.72,0,0,1,.25-1.21,1.48,1.48,0,0,1,1-.67l7.07-1.34a1.39,1.39,0,0,1,1.11.27A1.65,1.65,0,0,1,13,5.4a1.72,1.72,0,0,1-.25,1.21,1.48,1.48,0,0,1-1,.67L4.76,8.62Zm7.07-3.5h-.09L4.42,6.49a.45.45,0,0,0-.32.22.56.56,0,0,0-.09.4.61.61,0,0,0,.21.35.47.47,0,0,0,.36.09L11.65,6.2A.47.47,0,0,0,12,6a.51.51,0,0,0,.08-.4.55.55,0,0,0-.2-.35A.47.47,0,0,0,11.57,5.14Z'/%3E%3Cpath fill='%23ffffff' d='M11.7,4.52,4.64,5.86A1,1,0,0,1,3.49,5h0A1.09,1.09,0,0,1,4.3,3.72l7.06-1.34a1,1,0,0,1,1.15.88h0A1.09,1.09,0,0,1,11.7,4.52Z'/%3E%3Cpath fill='%2303edf9' d='M4.46,6.42a1.36,1.36,0,0,1-.85-.3,1.58,1.58,0,0,1-.61-1A1.61,1.61,0,0,1,4.21,3.19l7.07-1.34a1.35,1.35,0,0,1,1.11.27,1.58,1.58,0,0,1,.61,1,1.74,1.74,0,0,1-.25,1.22,1.44,1.44,0,0,1-1,.66L4.72,6.39A1.09,1.09,0,0,1,4.46,6.42Zm7.07-3.51h-.08L4.38,4.26a.53.53,0,0,0-.4.62.5.5,0,0,0,.57.44L11.62,4a.47.47,0,0,0,.32-.22.62.62,0,0,0,.08-.4.56.56,0,0,0-.2-.35A.53.53,0,0,0,11.53,2.91Z'/%3E%3Cpath fill='%23ffffff' d='M8.34,2.89,4.57,3.6a1,1,0,0,1-1.15-.88h0a1.08,1.08,0,0,1,.81-1.25L8,.75a1,1,0,0,1,1.15.89h0A1.08,1.08,0,0,1,8.34,2.89Z'/%3E%3Cpath fill='%2303edf9' d='M4.4,4.16a1.44,1.44,0,0,1-.86-.29,1.69,1.69,0,0,1-.61-1.05A1.74,1.74,0,0,1,3.18,1.6a1.51,1.51,0,0,1,1-.67L7.91.22A1.38,1.38,0,0,1,9,.49a1.58,1.58,0,0,1,.61,1.05,1.74,1.74,0,0,1-.25,1.22,1.47,1.47,0,0,1-1,.66l-3.77.72A1.18,1.18,0,0,1,4.4,4.16ZM8.17,1.28H8.09L4.32,2A.45.45,0,0,0,4,2.23a.51.51,0,0,0-.08.4.55.55,0,0,0,.2.35.49.49,0,0,0,.37.09l3.77-.72a.47.47,0,0,0,.32-.22.62.62,0,0,0,.08-.4.56.56,0,0,0-.2-.35A.53.53,0,0,0,8.17,1.28Z'/%3E%3Cpolygon fill='%231e1e1e' points='5.5 11.1 5.5 11.1 5.5 14.4 7.1 16 9.1 16 10.6 14.4 10.6 11.1 5.5 11.1'/%3E%3Cpath fill='%23c5c5c5' d='M6.5,12h3v1h-3Zm1,3H8.6l.9-1h-3Z'/%3E%3C/svg%3E") 50% no-repeat !important; 183 | filter: drop-shadow(0 0 5px #03edf9); 184 | } 185 | 186 | .monaco-editor .cursor { 187 | background: linear-gradient(to bottom, #8a2dc0, #fc28a8); 188 | box-shadow: 0 0 5px #fc199a; 189 | border-color: #8a2dc0; 190 | color: #241b2f; 191 | } 192 | 193 | .monaco-inputbox>.wrapper>textarea.input::selection { 194 | background-color:rgba(255,255,255,0.3); 195 | } 196 | 197 | .monaco-editor .line-numbers { 198 | color: #8a2dc066; 199 | text-shadow: 0 0 2px #393a33, 0 0 35px #ffffff44, 0 0 10px #8a2dc066, 0 0 2px #8a2dc066; 200 | } 201 | 202 | .monaco-list .monaco-list-rows { 203 | background: rgba(36,27,47) !important; 204 | } 205 | 206 | .monaco-list-row.focused, .monaco-list-row.selected { 207 | background-color: #8a2dc033 !important; 208 | } 209 | 210 | .explorer-folders-view span[title~="emphasized"], .monaco-icon-label[title~="emphasized"]::after { 211 | color: #fc199a; 212 | } 213 | 214 | .explorer-folders-view span[title~="problems"], .monaco-icon-label[title~="problems"]::after { 215 | color: #ffcc00; 216 | } 217 | 218 | .vs-dark .monaco-scrollable-element>.scrollbar>.slider { 219 | background: rgb(153, 99, 255); 220 | opacity: 0.5; 221 | } -------------------------------------------------------------------------------- /themes/synthwave-x-fluoromachine.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "SynthWave 84", 3 | "type": "dark", 4 | "colors": { 5 | "focusBorder": "#1f212b", 6 | "foreground": "#ffffff", 7 | "widget.shadow": "#2a2139", 8 | "selection.background": "#34294f59", 9 | "errorForeground": "#8a2dc0", 10 | "textLink.activeForeground": "#61e2ff", 11 | "textLink.foreground": "#8a2dc0", 12 | "button.background": "#2a2139", 13 | "dropdown.background": "#232530", 14 | "dropdown.listBackground": "#2a2139", 15 | "input.background": "#2a2139", 16 | "inputOption.activeBorder": "#61e2ff99", 17 | "inputValidation.errorBackground": "#8a2dc080", 18 | "inputValidation.errorBorder": "#8a2dc000", 19 | "scrollbar.shadow": "#2a2139", 20 | "scrollbarSlider.activeBackground": "#34294f88", 21 | "scrollbarSlider.background": "#34294f1a", 22 | "scrollbarSlider.hoverBackground": "#34294f59", 23 | "badge.foreground": "#ffffff", 24 | "badge.background": "#2a2139", 25 | "progressBar.background": "#8a2dc0", 26 | "list.activeSelectionBackground": "#2a213980", 27 | "list.activeSelectionForeground": "#ffffff", 28 | "list.dropBackground": "#34294f66", 29 | "list.focusBackground": "#2a213999", 30 | "list.focusForeground": "#ffffff", 31 | "list.highlightForeground": "#8a2dc0", 32 | "list.hoverBackground": "#2a213999", 33 | "list.hoverForeground": "#ffffff", 34 | "list.inactiveSelectionBackground": "#34294f66", 35 | "list.inactiveSelectionForeground": "#ffffff", 36 | "list.inactiveFocusBackground": "#2a213999", 37 | "list.errorForeground": "#8a2dc0E6", 38 | "list.warningForeground": "#8a2dc0bb", 39 | "activityBar.background": "#171520", 40 | "activityBar.dropBackground": "#34294f66", 41 | "activityBar.foreground": "#ffffffCC", 42 | "activityBarBadge.background": "#8a2dc0", 43 | "activityBarBadge.foreground": "#2a2139", 44 | "sideBar.background": "#241b2f", 45 | "sideBar.foreground": "#ffffff99", 46 | "sideBar.dropBackground": "#34294f4c", 47 | "sideBarSectionHeader.background": "#241b2f", 48 | "sideBarSectionHeader.foreground": "#ffffffca", 49 | "editorGroup.border": "#495495", 50 | "editorGroup.dropBackground": "#34294f4a", 51 | "editorGroupHeader.tabsBackground": "#241b2f", 52 | "tab.border": "#241b2f00", 53 | "tab.activeBorder": "#880088", 54 | "tab.inactiveBackground": "#262335", 55 | "editor.background": "#262335", 56 | "editorLineNumber.foreground": "#ffffff10", 57 | "editorLineNumber.activeForeground": "#ffffff73", 58 | "editorCursor.background": "#241b2f", 59 | "editorCursor.foreground": "#8a2dc0", 60 | "editor.selectionBackground": "#46346588", 61 | "editor.selectionHighlightBackground": "#34294f59", 62 | "editor.wordHighlightBackground": "#34294f88", 63 | "editor.wordHighlightStrongBackground": "#34294f88", 64 | "editor.findMatchBackground": "#34294f59", 65 | "editor.findMatchHighlightBackground": "#34294f33", 66 | "editor.findRangeHighlightBackground": "#34294f1a", 67 | "editor.hoverHighlightBackground": "#34294f4d", 68 | "editor.lineHighlightBackground": "#34294f66", 69 | "editor.rangeHighlightBackground": "#49549539", 70 | "editorIndentGuide.background": "#49549539", 71 | "editorIndentGuide.activeBackground": "#2a2139", 72 | "editorRuler.foreground": "#34294f33", 73 | "editorCodeLens.foreground": "#ffffffcc", 74 | "editorBracketMatch.background": "#34294f66", 75 | "editorBracketMatch.border": "#495495", 76 | "editorOverviewRuler.border": "#34294fb3", 77 | "editorOverviewRuler.findMatchForeground": "#34294f", 78 | "editorOverviewRuler.modifiedForeground": "#49549599", 79 | "editorOverviewRuler.addedForeground": "#09f7a099", 80 | "editorOverviewRuler.deletedForeground": "#8a2dc099", 81 | "editorOverviewRuler.errorForeground": "#8a2dc0dd", 82 | "editorOverviewRuler.warningForeground": "#8a2dc0cc", 83 | "editorError.foreground": "#8a2dc0", 84 | "editorWarning.foreground": "#8a2dc0cc", 85 | "editorGutter.modifiedBackground": "#495495af", 86 | "editorGutter.addedBackground": "#206d4bd6", 87 | "editorGutter.deletedBackground": "#fa2e46a4", 88 | "diffEditor.insertedTextBackground": "#0beb9916", 89 | "diffEditor.removedTextBackground": "#8a2dc016", 90 | "editorWidget.background": "#232530", 91 | "editorWidget.border": "#232530", 92 | "editorSuggestWidget.highlightForeground": "#8a2dc0", 93 | "peekView.border": "#495495", 94 | "peekViewEditor.background": "#232530", 95 | "peekViewEditor.matchHighlightBackground": "#34294f59", 96 | "peekViewResult.background": "#232530", 97 | "peekViewResult.matchHighlightBackground": "#34294f59", 98 | "peekViewResult.selectionBackground": "#2a213980", 99 | "peekViewTitle.background": "#232530", 100 | "panelTitle.activeBorder": "#8a2dc0", 101 | "statusBar.background": "#241b2f", 102 | "statusBar.foreground": "#ffffff80", 103 | "statusBar.debuggingBackground": "#8a2dc0", 104 | "statusBar.debuggingForeground": "#08080f", 105 | "statusBar.noFolderBackground": "#241b2f", 106 | "statusBarItem.hoverBackground": "#2a2139", 107 | "statusBarItem.prominentBackground": "#2a2139", 108 | "statusBarItem.prominentHoverBackground": "#34294f", 109 | "titleBar.activeBackground": "#241b2f", 110 | "titleBar.inactiveBackground": "#241b2f", 111 | "extensionButton.prominentBackground": "#8a2dc0", 112 | "extensionButton.prominentHoverBackground": "#61e2ff", 113 | "pickerGroup.foreground": "#8a2dc0ea", 114 | "terminal.foreground": "#ffffff", 115 | "terminal.ansiBlue": "#03edf9", 116 | "terminal.ansiBrightBlue": "#03edf9", 117 | "terminal.ansiBrightCyan": "#03edf9", 118 | "terminal.ansiBrightGreen": "#8a2dc0", 119 | "terminal.ansiBrightMagenta": "#61e2ff", 120 | "terminal.ansiBrightRed": "#8a2dc0", 121 | "terminal.ansiBrightYellow": "#f92aad", 122 | "terminal.ansiCyan": "#03edf9", 123 | "terminal.ansiGreen": "#8a2dc0", 124 | "terminal.ansiMagenta": "#61e2ff", 125 | "terminal.ansiRed": "#8a2dc0", 126 | "terminal.ansiYellow": "#8a2dc0", 127 | "terminal.selectionBackground": "#34294f4d", 128 | "terminalCursor.background": "#ffffff", 129 | "terminalCursor.foreground": "#03edf9", 130 | "debugToolBar.background": "#241b2f", 131 | "walkThrough.embeddedEditorBackground": "#232530", 132 | "gitDecoration.modifiedResourceForeground": "#b893ceee", 133 | "gitDecoration.deletedResourceForeground": "#8a2dc0", 134 | "gitDecoration.addedResourceForeground": "#8a2dc0cc", 135 | "gitDecoration.untrackedResourceForeground": "#8a2dc0", 136 | "gitDecoration.ignoredResourceForeground": "#ffffff59", 137 | "breadcrumbPicker.background": "#232530" 138 | }, 139 | "tokenColors": [ 140 | { 141 | "name": "Comment", 142 | "scope": "comment", 143 | "settings": { 144 | "foreground": "#495495", 145 | "fontStyle": "italic" 146 | } 147 | }, 148 | { 149 | "name": "String", 150 | "scope": [ 151 | "string.quoted", 152 | "string.template", 153 | "punctuation.definition.string" 154 | ], 155 | "settings": { 156 | "foreground": "#8a2dc0" 157 | } 158 | }, 159 | { 160 | "name": "Punctuation within templates", 161 | "scope": "string.template meta.embedded.line", 162 | "settings": { 163 | "foreground": "#b6b1b1" 164 | } 165 | }, 166 | { 167 | "name": "Variable", 168 | "scope": [ 169 | "variable", 170 | "entity.name.variable" 171 | ], 172 | "settings": { 173 | "foreground": "#61e2ff" 174 | } 175 | }, 176 | { 177 | "name": "Language variable", 178 | "scope": "variable.language", 179 | "settings": { 180 | "foreground": "#8a2dc0", 181 | "fontStyle": "bold" 182 | } 183 | }, 184 | { 185 | "name": "Parameter", 186 | "scope": "variable.parameter", 187 | "settings": { 188 | "fontStyle": "italic" 189 | } 190 | }, 191 | { 192 | "name": "Storage (declaration or modifier keyword)", 193 | "scope": [ 194 | "storage.type", 195 | "storage.modifier" 196 | ], 197 | "settings": { 198 | "foreground": "#f92aad" 199 | } 200 | }, 201 | { 202 | "name": "Constant", 203 | "scope": "constant", 204 | "settings": { 205 | "foreground": "#8a2dc0" 206 | } 207 | }, 208 | { 209 | "name": "Regex", 210 | "scope": "string.regexp", 211 | "settings": { 212 | "foreground": "#8a2dc0" 213 | } 214 | }, 215 | { 216 | "name": "Number", 217 | "scope": "constant.numeric", 218 | "settings": { 219 | "foreground": "#8a2dc0" 220 | } 221 | }, 222 | { 223 | "name": "Language constant (boolean, null)", 224 | "scope": "constant.language", 225 | "settings": { 226 | "foreground": "#8a2dc0" 227 | } 228 | }, 229 | { 230 | "name": "Character escape", 231 | "scope": "constant.character.escape", 232 | "settings": { 233 | "foreground": "#36f9f6" 234 | } 235 | }, 236 | { 237 | "name": "Entity", 238 | "scope": "entity.name", 239 | "settings": { 240 | "foreground": "#8a2dc0" 241 | } 242 | }, 243 | { 244 | "name": "HTML or XML tag", 245 | "scope": "entity.name.tag", 246 | "settings": { 247 | "foreground": "#ffcc00" 248 | } 249 | }, 250 | { 251 | "name": "HTML or XML tag brackets", 252 | "scope": [ 253 | "punctuation.definition.tag" 254 | ], 255 | "settings": { 256 | "foreground": "#36f9f6" 257 | } 258 | }, 259 | { 260 | "name": "Tag attribute", 261 | "scope": "entity.other.attribute-name", 262 | "settings": { 263 | "foreground": "#f92aad" 264 | } 265 | }, 266 | { 267 | "name": "Tag attribute HTML", 268 | "scope": "entity.other.attribute-name.html", 269 | "settings": { 270 | "foreground": "#f92aad", 271 | "fontStyle": "italic" 272 | } 273 | }, 274 | { 275 | "name": "Class", 276 | "scope": [ 277 | "entity.name.type", 278 | "meta.attribute.class.html" 279 | ], 280 | "settings": { 281 | "foreground": "#8a2dc0" 282 | } 283 | }, 284 | { 285 | "name": "Inherited class", 286 | "scope": "entity.other.inherited-class", 287 | "settings": { 288 | "foreground": "#fc199a" 289 | } 290 | }, 291 | { 292 | "name": "Function", 293 | "scope": [ 294 | "entity.name.function", 295 | "variable.function" 296 | ], 297 | "settings": { 298 | "foreground": "#36f9f6" 299 | } 300 | }, 301 | { 302 | "name": "JS Export", 303 | "scope": [ 304 | "keyword.control.export.js", 305 | "keyword.control.import.js" 306 | ], 307 | "settings": { 308 | "foreground": "#8a2dc0" 309 | } 310 | }, 311 | { 312 | "name": "Keyword", 313 | "scope": "keyword", 314 | "settings": { 315 | "foreground": "#f92aad" 316 | } 317 | }, 318 | { 319 | "name": "Control keyword", 320 | "scope": "keyword.control", 321 | "settings": { 322 | "foreground": "#f92aad" 323 | } 324 | }, 325 | { 326 | "name": "Operator", 327 | "scope": "keyword.operator", 328 | "settings": { 329 | "foreground": "#f92aad" 330 | } 331 | }, 332 | { 333 | "name": "Special operator", 334 | "scope": [ 335 | "keyword.operator.new", 336 | "keyword.operator.expression", 337 | "keyword.operator.logical" 338 | ], 339 | "settings": { 340 | "foreground": "#f92aad" 341 | } 342 | }, 343 | { 344 | "name": "Unit", 345 | "scope": "keyword.other.unit", 346 | "settings": { 347 | "foreground": "#8a2dc0" 348 | } 349 | }, 350 | { 351 | "name": "Support", 352 | "scope": "support", 353 | "settings": { 354 | "foreground": "#8a2dc0" 355 | } 356 | }, 357 | { 358 | "name": "Support function", 359 | "scope": "support.function", 360 | "settings": { 361 | "foreground": "#36f9f6" 362 | } 363 | }, 364 | { 365 | "name": "Support variable", 366 | "scope": "support.variable", 367 | "settings": { 368 | "foreground": "#61e2ff" 369 | } 370 | }, 371 | { 372 | "name": "Object literal key / property", 373 | "scope": [ 374 | "meta.object-literal.key", 375 | "support.type.property-name" 376 | ], 377 | "settings": { 378 | "foreground": "#61e2ff" 379 | } 380 | }, 381 | { 382 | "name": "Key-value separator", 383 | "scope": "punctuation.separator.key-value", 384 | "settings": { 385 | "foreground": "#b6b1b1" 386 | } 387 | }, 388 | { 389 | "name": "Embedded puncuation", 390 | "scope": "punctuation.section.embedded", 391 | "settings": { 392 | "foreground": "#f92aad" 393 | } 394 | }, 395 | { 396 | "name": "Template expression", 397 | "scope": [ 398 | "punctuation.definition.template-expression.begin", 399 | "punctuation.definition.template-expression.end" 400 | ], 401 | "settings": { 402 | "foreground": "#8a2dc0" 403 | } 404 | }, 405 | { 406 | "name": "CSS property", 407 | "scope": [ 408 | "support.type.property-name.css", 409 | "support.type.property-name.json" 410 | ], 411 | "settings": { 412 | "foreground": "#fc199a" 413 | } 414 | }, 415 | { 416 | "name": "JS Switch control", 417 | "scope": "switch-block.expr.js", 418 | "settings": { 419 | "foreground": "#8a2dc0" 420 | } 421 | }, 422 | { 423 | "name": "Color", 424 | "scope": "constant.other.color", 425 | "settings": { 426 | "foreground": "#8a2dc0" 427 | } 428 | }, 429 | { 430 | "name": "Font names", 431 | "scope": "support.constant.font-name", 432 | "settings": { 433 | "foreground": "#8a2dc0" 434 | } 435 | }, 436 | { 437 | "name": "CSS #id", 438 | "scope": "entity.other.attribute-name.id", 439 | "settings": { 440 | "foreground": "#36f9f6" 441 | } 442 | }, 443 | { 444 | "name": "Pseudo CSS", 445 | "scope": [ 446 | "entity.other.attribute-name.pseudo-element", 447 | "entity.other.attribute-name.pseudo-class" 448 | ], 449 | "settings": { 450 | "foreground": "#fc199a" 451 | } 452 | }, 453 | { 454 | "name": "CSS support functions (rgb)", 455 | "scope": "support.function.misc.css", 456 | "settings": { 457 | "foreground": "#8a2dc0" 458 | } 459 | }, 460 | { 461 | "name": "Markup heading", 462 | "scope": [ 463 | "markup.heading", 464 | "entity.name.section" 465 | ], 466 | "settings": { 467 | "foreground": "#61e2ff" 468 | } 469 | }, 470 | { 471 | "name": "Markup text", 472 | "scope": [ 473 | "text.html", 474 | "keyword.operator.assignment" 475 | ], 476 | "settings": { 477 | "foreground": "#ffffffee" 478 | } 479 | }, 480 | { 481 | "name": "Markup quote", 482 | "scope": "markup.quote", 483 | "settings": { 484 | "foreground": "#b6b1b1cc", 485 | "fontStyle": "italic" 486 | } 487 | }, 488 | { 489 | "name": "Markup list", 490 | "scope": "beginning.punctuation.definition.list", 491 | "settings": { 492 | "foreground": "#61e2ff" 493 | } 494 | }, 495 | { 496 | "name": "Markup link", 497 | "scope": "markup.underline.link", 498 | "settings": { 499 | "foreground": "#fc199a" 500 | } 501 | }, 502 | { 503 | "name": "Markup link description", 504 | "scope": "string.other.link.description", 505 | "settings": { 506 | "foreground": "#8a2dc0" 507 | } 508 | }, 509 | { 510 | "name": "Python function call", 511 | "scope": "meta.function-call.generic.python", 512 | "settings": { 513 | "foreground": "#36f9f6" 514 | } 515 | }, 516 | { 517 | "name": "C# storage type", 518 | "scope": "storage.type.cs", 519 | "settings": { 520 | "foreground": "#8a2dc0" 521 | } 522 | }, 523 | { 524 | "name": "C# local variable", 525 | "scope": "entity.name.variable.local.cs", 526 | "settings": { 527 | "foreground": "#61e2ff" 528 | } 529 | }, 530 | { 531 | "name": "C# properties and fields", 532 | "scope": [ 533 | "entity.name.variable.field.cs", 534 | "entity.name.variable.property.cs" 535 | ], 536 | "settings": { 537 | "foreground": "#61e2ff" 538 | } 539 | }, 540 | { 541 | "name": "C++ operators", 542 | "scope": "source.cpp keyword.operator", 543 | "settings": { 544 | "foreground": "#f92aad" 545 | } 546 | }, 547 | { 548 | "name": "Elixir Classes", 549 | "scope": [ 550 | "source.elixir support.type.elixir", 551 | "source.elixir meta.module.elixir entity.name.class.elixir" 552 | ], 553 | "settings": { 554 | "foreground": "#36f9f6" 555 | } 556 | }, 557 | { 558 | "name": "Elixir Functions", 559 | "scope": "source.elixir entity.name.function", 560 | "settings": { 561 | "foreground": "#8a2dc0" 562 | } 563 | }, 564 | { 565 | "name": "Elixir Constants", 566 | "scope": [ 567 | "source.elixir constant.other.symbol.elixir", 568 | "source.elixir constant.other.keywords.elixir" 569 | ], 570 | "settings": { 571 | "foreground": "#36f9f6" 572 | } 573 | }, 574 | { 575 | "name": "Elixir String Punctuation", 576 | "scope": "source.elixir punctuation.definition.string", 577 | "settings": { 578 | "foreground": "#8a2dc0" 579 | } 580 | }, 581 | { 582 | "name": "Elixir", 583 | "scope": [ 584 | "source.elixir variable.other.readwrite.module.elixir", 585 | "source.elixir variable.other.readwrite.module.elixir punctuation.definition.variable.elixir" 586 | ], 587 | "settings": { 588 | "foreground": "#8a2dc0" 589 | } 590 | }, 591 | { 592 | "name": "Elixir Binary Punctuation", 593 | "scope": "source.elixir .punctuation.binary.elixir", 594 | "settings": { 595 | "foreground": "#61e2ff", 596 | "fontStyle": "italic" 597 | } 598 | }, 599 | { 600 | "name": "ARM template property name", 601 | "scope": [ 602 | "support.type.property-name.json.arm-template" 603 | ], 604 | "settings": { 605 | "foreground": "#f92aad" 606 | } 607 | }, 608 | { 609 | "name": "ARM template function, parameter and variable names", 610 | "scope": [ 611 | "support.type.parameters.parameter-name.tle.arm-template", 612 | "variable.language.variables.variable-name.tle.arm-template", 613 | "entity.name.tag.usernamespace.tle.arm-template", 614 | "entity.name.tag.userfunction.tle.arm-template" 615 | ], 616 | "settings": { 617 | "foreground": "#61e2ffff", 618 | "fontStyle": "bold" 619 | } 620 | }, 621 | { 622 | "name": "ARM template parameters and variables", 623 | "scope": [ 624 | "variable.language.variables.tle.arm-template", 625 | "support.type.parameters.tle.arm-template" 626 | ], 627 | "settings": { 628 | "foreground": "#36f9f6ff", 629 | "fontStyle": "" 630 | } 631 | } 632 | ] 633 | } --------------------------------------------------------------------------------