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#DBDBDB
  • activityBar.foreground#1C1C1C
  • activityBarBadge.background#376388
  • button.background#71983B
  • button.foreground#1C1C1C
  • button.hoverBackground#83BE2F
  • diffEditor.insertedTextBackground#9cfdff70
  • diffEditor.removedTextBackground#ffc4d070
  • editor.background#ffffff
  • editor.foreground#383a3f
  • editor.lineHighlightBackground#f1f1f1
  • editor.selectionBackground#e5deff
  • editorError.foreground#ff4e4e
  • editorGroup.border#E4E4E4
  • editorGroupHeader.tabsBackground#DBDBDB
  • editorIndentGuide.activeBackground1#D5D5DB
  • editorIndentGuide.background1#DBDBDB78
  • editorLineNumber.activeForeground#574356
  • editorLineNumber.foreground#8d8f9a
  • editorWarning.foreground#eda726
  • focusBorder#376388
  • foreground#232323
  • list.activeSelectionBackground#C0C0C0
  • list.highlightForeground#3F3F3F
  • list.inactiveSelectionBackground#E4E4E4
  • panel.background#DBDBDB
  • panel.border#6D6D6D
  • scrollbarSlider.activeBackground#6D6D6D90
  • scrollbarSlider.background#6D6D6D40
  • scrollbarSlider.hoverBackground#6D6D6D60
  • sideBar.background#DBDBDB
  • sideBar.border#E4E4E4
  • sideBar.foreground#3F3F3F
  • statusBar.background#C0C0C0
  • tab.activeBackground#ffffff
  • tab.activeBorder#376388
  • tab.activeForeground#232323
  • tab.inactiveBackground#DBDBDB
  • tab.inactiveForeground#6D6D6D
  • terminal.background#f4eadb
  • titleBar.activeBackground#C0C0C0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source, text#4f4f4f
comment, punctuation.definition.comment#939aa6italic
string#e5bc66
punctuation.definition.string.begin,punctuation.definition.string.end#e5bc66
keyword, storage.type#fb7385
variable#4f4f4f
constant.numeric, constant.language, constant.character#ce95b8
entity.name.type, entity.name.class, entity.name.interface, support.class#61afef
entity.name.function#70e021
meta.function-call, support.function#98c379
variable.parameter, meta.parameter#23b5ff
punctuation.separator, punctuation.terminator, punctuation.section#4f4f4f
variable.other.generic-type.haskell#e06c75
variable.parameter.function.language.special.self.python#376388
keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical#fb7385
entity.name.tag#e06c75
entity.other.attribute-name#ce95b8