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#D7BE72
  • activityBar.background#1A1F1A
  • activityBar.foreground#E8E3D5
  • activityBar.inactiveForeground#8FA58A
  • editor.background#20251F
  • editor.foreground#E8E3D5
  • editor.inactiveSelectionBackground#30392E
  • editor.lineHighlightBackground#292F27
  • editor.selectionBackground#3A4636
  • editorCursor.foreground#D7BE72
  • editorError.foreground#D28F87
  • editorIndentGuide.activeBackground1#4A5545
  • editorIndentGuide.background1#30372E
  • editorInfo.foreground#83A9C9
  • editorLineNumber.activeForeground#AAB5A4
  • editorLineNumber.foreground#657061
  • editorWarning.foreground#D7BE72
  • editorWidget.background#292F27
  • editorWidget.border#4A5545
  • errorForeground#D28F87
  • focusBorder#D7BE72
  • gitDecoration.addedResourceForeground#8FA58A
  • gitDecoration.deletedResourceForeground#D28F87
  • gitDecoration.modifiedResourceForeground#D7BE72
  • gitDecoration.untrackedResourceForeground#83A9C9
  • input.background#292F27
  • input.border#4A5545
  • input.foreground#E8E3D5
  • list.activeSelectionBackground#3A4636
  • list.activeSelectionForeground#E8E3D5
  • list.hoverBackground#30392E
  • scrollbarSlider.activeBackground#8FA58A88
  • scrollbarSlider.background#4A554588
  • scrollbarSlider.hoverBackground#65706188
  • sideBar.background#252B23
  • sideBar.border#343C36
  • sideBar.foreground#E8E3D5
  • statusBar.background#292F27
  • statusBar.foreground#E8E3D5
  • tab.activeBackground#292F27
  • tab.activeForeground#E8E3D5
  • tab.border#343C36
  • tab.inactiveBackground#20251F
  • tab.inactiveForeground#8FA58A
  • terminal.background#20251F
  • terminal.foreground#E8E3D5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8FA58Aitalic
keyword, keyword.control, storage, storage.type, storage.modifier#B9A0D8
entity.name.type, entity.name.type.class, entity.name.type.interface, support.type, support.class, entity.other.inherited-class#83A9C9
entity.name.function, entity.name.function.member, support.function, meta.function-call#D7BE72
string, string.quoted, string.template#D28F87
constant.numeric#D7BE72
constant, variable.other.constant#D7A67A
variable, variable.other, variable.parameter#E8E3D5
keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison#9EAE91
entity.name.tag, entity.name.tag.html#C89BAA
entity.other.attribute-name, entity.other.attribute-name.html#C9A35F
punctuation.definition.tag.cshtml, entity.name.tag.cshtml, keyword.control.cshtml#AFA6D8
entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css#83A9C9
support.type.property-name.css#D7BE72
support.constant.property-value.css, constant.numeric.css#E8D4A7
support.type.property-name.json#83A9C9
string.quoted.double.json#D28F87
keyword.sql#B9A0D8
support.type.sql#83A9C9
string.sql#D28F87