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#E3E8FA
  • activityBar.foreground#18212B
  • activityBar.inactiveForeground#8A94A5
  • badge.background#89DCEB
  • badge.foreground#18212B
  • editor.background#F5F7FD
  • editor.foreground#18212B
  • editor.inactiveSelectionBackground#EDF1FB
  • editor.lineHighlightBackground#E8ECFA
  • editor.lineHighlightBorder#E0E6F6
  • editor.selectionBackground#E1E7F7
  • editorCursor.foreground#18212B
  • editorError.foreground#D64557
  • editorInfo.foreground#4C93A7
  • editorLineNumber.activeForeground#18212B
  • editorLineNumber.foreground#8A94A5
  • editorWarning.foreground#B88A2E
  • minimap.background#F5F7FD
  • panel.background#EDF1FB
  • panel.border#D4DDF3
  • progressBar.background#89DCEB
  • scrollbarSlider.background#C2C9DAAA
  • scrollbarSlider.hoverBackground#B1B9CCDD
  • sideBar.background#EDF1FB
  • sideBar.foreground#18212B
  • statusBar.background#E3E8FA
  • statusBar.foreground#18212B
  • tab.activeBackground#F5F7FD
  • tab.activeForeground#18212B
  • tab.inactiveBackground#E3E8FA
  • tab.inactiveForeground#8A94A5
  • terminal.background#AFAFD9
  • terminal.foreground#18212B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8A94A5italic
keyword, keyword.control, keyword.operator, storage.type, storage.modifier#295FAFbold
string, string.quoted, string.quoted.double, string.quoted.single, string.interpolated, constant.other.symbol, punctuation.definition.string#8A5835
variable, variable.other, identifier, entity.name.variable#18212B
constant.numeric, constant.language, constant.character#B88A2E
entity.name.type, entity.name.class, support.type#295FAFbold
support.function, entity.name.function, meta.function-call, variable.function#4C93A7bold
punctuation.section, punctuation.section.group, punctuation.section.block, punctuation.section.brace, punctuation.section.bracket, punctuation.section.paren#7B8698
variable.parameter, function.parameter#3A5664
invalid, invalid.illegal#FFFFFF