If you're a web dev with JS turned off. You're in for a bad time
VSCode Theme Designer
Swamp
autorenew
select
autorenew
select
autorenew
select
autorenew
select
autorenew
select
add_circle_outline
add
remove_circle_outline
remove
"workbench.colorCustomizations": { "activityBar.background": "#30423F", "activityBar.border": "#1D2725", "activityBar.foreground": "#15C170", "activityBar.inactiveForeground": "#EFEFEF", "activityBarBadge.background": "#EFEFEF", "activityBarBadge.foreground": "#1D2725", "badge.background": "#1D2725", "badge.foreground": "#EFEFEF", "breadcrumb.activeSelectionForeground": "#EFEFEF", "editor.background": "#141A18", "editor.selectionBackground": "#30423F", "editorGroupHeader.tabsBackground": "#141A18", "editorSuggestWidget.highlightForeground": "#EFEFEF", "editorWhitespace.foreground": "#1D2725", "editorWidget.border": "#EFEFEF", "editorWidget.resizeBorder": "#EFEFEF", "list.activeSelectionForeground": "#EFEFEF", "list.highlightForeground": "#EFEFEF", "list.inactiveSelectionForeground": "#EFEFEF", "menu.background": "#1D2725", "menu.selectionBackground": "#EFEFEF", "menu.selectionForeground": "#1D2725", "menu.separatorBackground": "#EFEFEF", "menubar.selectionForeground": "#EFEFEF", "notificationLink.foreground": "#EFEFEF", "panel.background": "#30423F", "panelTitle.activeBorder": "#EFEFEF", "pickerGroup.foreground": "#EFEFEF", "progressBar.background": "#EFEFEF", "scrollbar.shadow": "#1D2725", "scrollbarSlider.activeBackground": "#30423F", "scrollbarSlider.background": "#30423F", "settings.headerForeground": "#EFEFEF", "settings.modifiedItemIndicator": "#EFEFEF", "sideBar.background": "#1D2725", "sideBar.foreground": "#EFEFEF", "sideBarSectionHeader.background": "#30423F", "statusBar.background": "#1D2725", "statusBar.foreground": "#EFEFEF", "tab.activeBackground": "#141A18", "tab.activeBorder": "#EFEFEF", "tab.activeForeground": "#EFEFEF", "tab.inactiveBackground": "#1D2725", "textLink.foreground": "#EFEFEF", "titleBar.activeBackground": "#30423F", "titleBar.activeForeground": "#EFEFEF", "titleBar.inactiveBackground": "#1D2725", "menu.foreground": "#EFEFEF", "dropdown.background": "#1D2725", "dropdown.foreground": "#EFEFEF", "input.background": "#30423F", "input.placeholderForeground": "#EFEFEF", "input.foreground": "#EFEFEF", "terminal.foreground": "#EFEFEF", "terminal.background": "#30423F", "list.inactiveSelectionBackground": "#30423F", "list.activeSelectionBackground": "#30423F", "list.hoverBackground": "#30423F", "list.focusBackground": "#30423F", "list.hoverForeground": "#EFEFEF", "list.focusForeground": "#EFEFEF", "list.invalidItemForeground": "#EFEFEF", "list.errorForeground": "#EFEFEF", "list.warningForeground": "#EFEFEF", "list.deemphasizedForeground": "#EFEFEF", "minimap.background": "#1D2725", "editorGutter.background": "#141A18", "editorLineNumber.foreground": "#EFEFEF", "quickInput.background": "#30423F", "quickInput.foreground": "#EFEFEF", "quickInputTitle.background": "#30423F" }
file_copy
Copy
save_alt
save
File Edit Selection View Go Debug Terminal Help
App,js - VSCode_ThemeGenerator - Visual Studio Code
minimize
web_asset
close
file_copy
search
code
bug_report
dashboard
settings
App.js
close
bg1.json
close
bg2.json
close
EXPLORER
◢ OPEN EDITORS
App.js
bg1.json
bg2.json
◢ MYPROJECTNAME
◢ WebApp
▶ VSCode
▶ build
◢ src
App.js
bg1.json
bg2.json
bg3.json
◢ style
index.css
app.css
◢ OUTLINE
Filter
◢ ⊏ App
⊞ handleColorChange
⊞ render
◢ WindowPreview
⊞ handleClick
⊞ handleEnter
⊞ handleExit
PROBLEMS
30
OUTPUT
DEBUG CONSOLE
TERMINAL
1: node ▾
add
vertical_split
delete
expand_less
close
You can now view my-app in the browser.
Local: http://localhost:3000/
On Your Network: http://192.168.1.182:3000/
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
def
function
Go to definition
F12
Peek definition
Alt+F12
Rename Symbol
F2
Style Settings
Ctrl+Win
Refactor...
Ctrl+Shift+R
Cut
Ctrl+X
Copy
Ctrl+C
Paste
Ctrl+V
Command Pallette
Ctrl+Shift+P
master
autorenew
cancel
warning
error_outline
javascript | App.js
Ln 209, Col 128 Spaces: 4 UTF-8 CRLF Javascript Prettier
tag_faces
notifications