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.activeBorder#f88065
  • activityBar.activeFocusBorder#c78576
  • activityBar.background#313131
  • activityBar.border#3b3b3b
  • activityBar.foreground#7d9dac
  • activityBarBadge.background#c78576
  • activityBarBadge.foreground#000000
  • button.background#839774
  • button.foreground#020202
  • dropdown.foreground#7d9dac
  • editor.background#313131
  • editor.lineHighlightBorder#363434
  • editorIndentGuide.activeBackground#404447
  • editorIndentGuide.background#3b3b3b
  • focusBorder#77533D
  • list.activeSelectionBackground#77533D
  • list.errorForeground#f88065
  • minimap.errorHighlight#c78576
  • panelTitle.activeForeground#839774
  • sideBar.background#313131
  • sideBar.border#3b3b3b
  • sideBar.foreground#7d9dac
  • sideBarSectionHeader.background#4d4d4d
  • sideBarSectionHeader.foreground#b3b3b3
  • statusBar.background#313131
  • statusBar.border#3b3b3b
  • statusBar.debuggingForeground#020202
  • statusBar.foreground#7d9dac
  • tab.activeForeground#b3b3b3
  • tab.hoverBackground#77533d
  • tab.inactiveBackground#4d4d4d
  • terminal.foreground#7d9dac
  • titleBar.activeBackground#596D76
  • titleBar.activeForeground#020202

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5F5252
support.variable.property, keyword.operator.logical, entity.name.function, punctuation.separator.comma, support.function, entity.name.type, entity.name.tag#C7A371
constant, keyword.control, storage.type, meta.brace.square, keyword.operator.assignment, keyword.operator.comparison, entity.other.attribute-name, support.constant.property-value#C78576
variable, entity.name.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#839774
string, punctuation.definition.block, meta.brace.round, meta.object-literal.key, keyword.operator.ternary, support.constant.json, punctuation.terminator.statement, keyword.operator.new, keyword.operator.expression.typeof, storage.modifier.async, support.class.builtin, support.type.property-name, punctuation.section.function.begin, punctuation.section.function.end, punctuation.section.property-list.begin.bracket.curly, punctuation.section.property-list.end.bracket.curly#7D9DAC
token.warn-token#CD9731