Skip to main content
Coding Theme

Color themes

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#000000
  • activityBar.foreground#4B0082
  • activityBar.inactiveForeground#663399
  • activityBarBadge.background#FF6347
  • activityBarBadge.foreground#000000
  • badge.background#FF6347
  • badge.foreground#000000
  • button.background#4B0082
  • button.border#FF6347
  • button.foreground#F8F8FF
  • contrastActiveBorder#FF6347
  • contrastBorder#4B0082
  • descriptionForeground#E6E6FA
  • dropdown.background#1A1A1A
  • dropdown.foreground#F8F8FF
  • dropdown.listBackground#0D0D0D
  • editor.background#0D0D0D
  • editor.foreground#F8F8FF
  • editor.lineHighlightBackground#1A1A1A
  • editor.lineHighlightBorder#4B0082
  • editor.selectionBackground#4B0082
  • editor.selectionForeground#FFFFFF
  • editorCursor.foreground#FF6347
  • editorLineNumber.activeForeground#FF6347
  • editorLineNumber.foreground#C0C0C0
  • editorWhitespace.foreground#663399
  • errorForeground#FF1493
  • focusBorder#4B0082
  • foreground#F8F8FF
  • input.background#1A1A1A
  • input.border#4B0082
  • input.foreground#F8F8FF
  • input.placeholderForeground#663399
  • inputOption.activeBackground#4B0082
  • inputOption.activeBorder#FF6347
  • inputOption.activeForeground#FFFFFF
  • panel.background#0D0D0D
  • panelSectionHeader.background#1A1A1A
  • panelTitle.activeForeground#FF6347
  • panelTitle.inactiveForeground#E6E6FA
  • selection.background#4B0082
  • sideBar.background#0D0D0D
  • sideBar.foreground#E6E6FA
  • statusBar.background#000000
  • statusBar.foreground#E6E6FA
  • tab.activeBackground#4B0082
  • tab.activeForeground#F8F8FF
  • tab.inactiveBackground#0D0D0D
  • tab.inactiveForeground#663399
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#0000FF
  • terminal.ansiCyan#00FFFF
  • terminal.ansiGreen#00FF00
  • terminal.ansiMagenta#FF00FF
  • terminal.ansiRed#FF0000
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#FFFF00
  • terminal.background#0D0D0D
  • terminal.foreground#F8F8FF
  • textLink.foreground#FF6347

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.type, storage.type, support.type, meta.type, variable.other#FF6347italic
comment#663399italic
keyword#FF1493bold
variable#F8F8FF
string#00FA9A
constant.numeric#FF6347
constant.language#FF69B4
support.function#00CED1bold
punctuation#E6E6FA
entity.name.function#00CED1bold
meta.class, entity.other.inherited-class, entity.name.type.class#FF6347
entity.name.tag#FF1493
entity.other.attribute-name#4B0082
source.json meta.structure.dictionary.json support.type.property-name.json#FF6347
Dark Theme SOS by Wasted - VS Code Theme