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.background#111
  • activityBarBadge.background#E68046
  • button.background#FFBC47
  • button.foreground#111
  • disabledForeground#888
  • editor.background#1A1A1A
  • editor.foreground#AAA
  • editor.selectionBackground#FFFFFF33
  • editorCursor.foreground#FFBC47
  • editorError.foreground#E75454
  • editorGroupHeader.tabsBackground#111
  • focusBorder#FFBC47
  • foreground#999
  • icon.foreground#EEE
  • list.activeSelectionBackground#4A4A4A
  • list.activeSelectionIconForeground#111
  • list.errorForeground#E75454
  • list.highlightForeground#FFBC47
  • minimap.errorHighlight#E75454
  • progressBar.background#FFBC47
  • sideBar.background#111
  • sideBarSectionHeader.background#111
  • statusBar.background#111
  • statusBar.debuggingBackground#FFBC47
  • statusBar.debuggingForeground#111
  • statusBar.foreground#999
  • tab.activeBackground#1A1A1A
  • tab.inactiveBackground#111
  • textLink.foreground#FFBC47

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A4A4Aitalic
constant.numeric.decimal, constant.language.null, constant.language.boolean#FFBC47italic
string.quoted.single, string.quoted.double, meta.template.expression, string.template#DDDitalic
punctuation.definition.template-expression#FFBC47
entity.name.function#FFBC47
storage.type.function.arrow#E68046
keyword.control.flow#DDDbold
variable.language.this#E68046italic
variable.other.constant, variable.other.readwrite#FFF
variable.parameter#F7D59B
variable.other.property#CCC
entity.name.tag, support.class.component#7A7A7A
entity.other.attribute-name.html#FFBC47
support.constant.property-value.css#E68046
constant.numeric.css#FFBC47italic
support.function.misc#F7D59B
entity.other.attribute-name.class.css, punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css#FFF
entity.name.tag.reference.scss#FFF
grandmaster by dragunovartem99 - VS Code Theme