vsBlackSimpleTheme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

• activityBar.background#212121
• activityBar.foreground#edf9fe
• activityBarBadge.background#444444
• button.background#2c2c2c
• dropdown.background#2c2c2c
• editor.background#212121
• editor.foreground#edf9fe
• editor.inactiveSelectionBackground#3d445580
• editor.lineHighlightBackground#2a2a2a
• editor.selectionBackground#3d4455
• editor.selectionForeground#ffffff
• editor.selectionHighlightBackground#44444480
• editor.wordHighlightBackground#44444480
• editor.wordHighlightStrongBackground#55555580
• editorCursor.foreground#edf9fe
• editorError.background#ff555520
• editorError.border#ff555580
• editorError.foreground#ff5555
• editorGroupHeader.tabsBackground#1c1c1c
• editorIndentGuide.activeBackground1#555555
• editorIndentGuide.background1#3a3a3a
• editorInfo.foreground#8ab4f8
• editorLineNumber.activeForeground#edf9fe
• editorOverviewRuler.errorForeground#ff5555
• editorOverviewRuler.warningForeground#f1fa8c
• editorWarning.background#f1fa8c15
• editorWarning.border#f1fa8c80
• editorWarning.foreground#f1fa8c
• editorWhitespace.foreground#3a3a3a
• focusBorder#555555
• inputOption.activeBorder#555555
• list.activeSelectionBackground#333333
• list.highlightForeground#edf9fe
• list.hoverBackground#2a2a2a
• list.inactiveSelectionBackground#2f2f2f
• menu.background#1c1c1c
• menu.foreground#edf9fe
• minimap.selectionHighlight#3a3a3a80
• panelTitle.activeForeground#edf9fe
• peekView.border#555555
• pickerGroup.foreground#cccccc
• ports.iconRunningProcessForeground#edf9fe
• quickInputList.focusBackground#333333
• sideBar.background#1c1c1c
• sideBarSectionHeader.background#2a2a2a
• statusBar.background#2a2a2a
• statusBar.debuggingBackground#2a2a2a
• statusBar.noFolderBackground#2a2a2a
• statusBarItem.remoteBackground#444444
• tab.border#2a2a2a
• tab.inactiveBackground#2a2a2a
• tab.inactiveForeground#bbbbbb
• tab.lastPinnedBorder#444444
• terminal.ansiBlack#212121
• terminal.ansiBlue#8ab4f8
• terminal.ansiBrightBlack#666666
• terminal.ansiBrightBlue#a1c2fa
• terminal.ansiBrightCyan#8be9fd
• terminal.ansiBrightGreen#50fa7b
• terminal.ansiBrightMagenta#ff79c6
• terminal.ansiBrightRed#ff5555
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#f1fa8c
• terminal.ansiCyan#8be9fd
• terminal.ansiGreen#50fa7b
• terminal.ansiMagenta#bd93f9
• terminal.ansiRed#ff5555
• terminal.ansiWhite#edf9fe
• terminal.ansiYellow#f1fa8c
• terminal.inactiveSelectionBackground#3a3a3a40
• titleBar.activeBackground#2a2a2a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).