Skip to main content
Coding Theme

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#000
  • activityBar.foreground#FF0
  • activityBar.inactiveForeground#FFF
  • activityBarBadge.background#000
  • activityBarBadge.foreground#FFF
  • badge.background#000
  • badge.foreground#FFF
  • breadcrumb.focusForeground#0FF
  • breadcrumb.foreground#FFFD
  • button.background#000
  • button.border#0FF
  • button.foreground#FFF
  • contrastActiveBorder#FF0
  • contrastBorder#0FF
  • descriptionForeground#FFF
  • diffEditor.insertedTextBackground#00F
  • diffEditor.insertedTextBorder#0F0
  • diffEditor.removedTextBackground#F00
  • diffEditor.removedTextBorder#F00
  • dropdown.background#000
  • dropdown.foreground#FFF
  • dropdown.listBackground#000
  • editor.background#000
  • editor.foreground#FFF
  • editor.lineHighlightBackground#000
  • editor.lineHighlightBorder#0F0
  • editor.selectionBackground#0F0
  • editor.selectionForeground#FFF
  • editorCursor.foreground#FFF
  • editorError.border#0000
  • editorHint.border#0000
  • editorInfo.border#0000
  • editorLineNumber.activeForeground#FF0
  • editorLineNumber.foreground#FFF
  • editorWarning.border#0000
  • editorWhitespace.foreground#0F0
  • editorWidget.background#000
  • editorWidget.foreground#FFF
  • errorForeground#F00
  • focusBorder#FF0
  • foreground#FFF
  • gitDecoration.ignoredResourceForeground#FFF
  • gitDecoration.untrackedResourceForeground#0FF
  • icon.foreground#FFF
  • input.background#000
  • input.border#0FF
  • input.foreground#FFF
  • input.placeholderForeground#F0F
  • inputOption.activeBackground#0FF
  • inputOption.activeBorder#0FF
  • inputOption.activeForeground#000
  • minimap.background#000
  • minimap.errorHighlight#F00
  • minimap.findMatchHighlight#FF0
  • minimap.selectionHighlight#0F0
  • minimap.selectionOccurrenceHighlight#000
  • minimap.warningHighlight#FF0
  • minimapSlider.activeBackground#FFFB
  • minimapSlider.background#FFFB
  • minimapSlider.hoverBackground#FFFB
  • panel.background#000
  • panelSectionHeader.background#000
  • panelTitle.activeForeground#FF0
  • panelTitle.inactiveForeground#FFF
  • pickerGroup.border#0FF
  • scrollbarSlider.activeBackground#FFFB
  • scrollbarSlider.background#FFFB
  • scrollbarSlider.hoverBackground#FFFB
  • selection.background#0F0
  • settings.headerForeground#FF0
  • settings.modifiedItemIndicator#0FF
  • sideBar.background#000
  • sideBar.foreground#FFF
  • statusBar.background#000
  • statusBar.foreground#FFF
  • tab.activeBackground#000
  • tab.activeForeground#FF0
  • tab.inactiveBackground#000
  • tab.inactiveForeground#FFF
  • tab.unfocusedActiveBackground#000
  • tab.unfocusedActiveForeground#FFF
  • tab.unfocusedInactiveBackground#000
  • tab.unfocusedInactiveForeground#FFF
  • terminal.ansiBlack#000
  • terminal.ansiBlue#00F
  • terminal.ansiBrightBlack#000
  • terminal.ansiBrightBlue#00F
  • terminal.ansiBrightCyan#0FF
  • terminal.ansiBrightGreen#0F0
  • terminal.ansiBrightMagenta#F0F
  • terminal.ansiBrightRed#F00
  • terminal.ansiBrightWhite#FFF
  • terminal.ansiBrightYellow#FF0
  • terminal.ansiCyan#0FF
  • terminal.ansiGreen#0F0
  • terminal.ansiMagenta#F0F
  • terminal.ansiRed#F00
  • terminal.ansiWhite#FFF
  • terminal.ansiYellow#FF0
  • terminal.background#000
  • terminal.foreground#FFF
  • terminal.selectionBackground#0F0
  • textLink.foreground#0FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, string.quoted.docstring#0F0
string#FF0
constant.numeric#F0F
constant.language#F0F
constant.character, constant.other#F0F
variable#FFF
keyword#0FF
storage#0FF
meta.interface#FF0
meta.type.declaration, entity.name.type#FF0
meta.class, entity.other.inherited-class, entity.name.type.class#FF0
entity.name.function#FF0
variable.parameter#FFFitalic
entity.name.tag#0FF
entity.other.attribute-name#0FF
support.function#F0F
support.constant#F0F
support.type, support.class#0FF
support.other.variable#F00
invalid#FFF
invalid.deprecated#FFF
8-Bit E-Ink Color by davidzanger - VS Code Theme