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
  • editor.background#000000
  • editor.findMatchBackground#FF6B6B
  • editor.findMatchHighlightBackground#FF6B6B40
  • editor.foreground#E8E8E8
  • editor.inactiveSelectionBackground#0D0D0D
  • editor.selectionBackground#1A1A1A
  • editorGutter.background#000000
  • editorLineNumber.activeForeground#E8E8E8
  • editorLineNumber.foreground#404040
  • list.activeSelectionBackground#FF6B6B
  • list.activeSelectionForeground#000000
  • list.hoverBackground#0D0D0D
  • list.inactiveSelectionBackground#1A1A1A
  • panel.background#000000
  • panel.border#1A1A1A
  • scrollbar.shadow#000000
  • scrollbarSlider.activeBackground#3A3A3A
  • scrollbarSlider.background#1A1A1A
  • scrollbarSlider.hoverBackground#2A2A2A
  • sideBar.background#000000
  • sideBarTitle.foreground#E8E8E8
  • statusBar.background#000000
  • statusBar.foreground#E8E8E8
  • tab.activeBackground#000000
  • tab.activeForeground#E8E8E8
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#404040
  • terminal.background#000000
  • terminal.foreground#E8E8E8
  • widget.shadow#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#FF6B6B
keyword.control#FF6B6B
storage#FF6B6B
storage.type#FF6B6B
storage.modifier#FF6B6B
string#4ECDC4
string.quoted#4ECDC4
string.quoted.single#4ECDC4
string.quoted.double#4ECDC4
string.quoted.triple#4ECDC4
string.template#4ECDC4
comment#666666italic
comment.line#666666
comment.block#666666
comment.line.double-slash#666666
comment.line.double-dash#666666
comment.line.number-sign#666666
comment.line.percentage#666666
constant#95E1D3
constant.numeric#FFE66D
constant.numeric.integer#FFE66D
constant.numeric.float#FFE66D
constant.numeric.hex#FFE66D
constant.numeric.binary#FFE66D
constant.numeric.octal#FFE66D
constant.language#95E1D3
constant.character#95E1D3
constant.character.escape#95E1D3
constant.other#95E1D3
variable#F7F1E3
variable.other#F7F1E3
variable.parameter#F7F1E3
variable.language#FF6B6B
entity.name#FFB6B9
entity.name.function#A8E6CF
entity.name.class#FFB6B9
entity.name.type#FFB6B9
entity.name.tag#FF6B6B
entity.name.section#FFB6B9
entity.other#FFB6B9
entity.other.attribute-name#FFE66D
support#A8E6CF
support.function#A8E6CF
support.type#FFB6B9
support.class#FFB6B9
support.constant#95E1D3
support.variable#F7F1E3
punctuation#E8E8E8
punctuation.definition#E8E8E8
punctuation.section#E8E8E8
punctuation.separator#E8E8E8
punctuation.terminator#E8E8E8
meta#E8E8E8
meta.preprocessor#FF6B6B
meta.import#FF6B6B
meta.export#FF6B6B
meta.class#FFB6B9
meta.function#A8E6CF
meta.tag#FF6B6B
invalid#FF6B6B
invalid.deprecated#FF6B6B
invalid.illegal#FF6B6B