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.activeBackground#4b473c
  • activityBar.activeBorder#FA4616
  • activityBar.background#27251F
  • activityBar.border#333
  • activityBar.foreground#EFD19F
  • activityBarBadge.background#FA4616
  • activityBarBadge.foreground#FFFFFF
  • editor.background#27251F
  • editor.foreground#fff
  • editor.selectionBackground#FFFFFF3D
  • editorLineNumber.activeForeground#FA4616
  • editorLineNumber.foreground#EFD19F
  • selection.background#EFD19F
  • sideBar.background#27251F
  • sideBar.border#333
  • sideBarSectionHeader.background#333
  • sideBarSectionHeader.foreground#EFD19F
  • sideBarTitle.foreground#EFD19F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7F7F7Fitalic
variable#FA4616
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, variable.other.constant#FA4616
keyword.operator, punctuation, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#FC9074
entity.other.attribute-name#AE8F6F
constant.character.escape, variable.other, variable.parameter, string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#EFD19F
keyword, storage.type, storage.modifier#AE8F6F
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, meta.block-level#FC9074
support.other.variable, string.other.link, entity.name.type#F2777A
support.type#EFD19F
constant.numeric, constant.language, support.constant, constant.character, keyword.other.unit, constant.other.color#fff
#ff00bf
Giants Theme by ChanceM - VS Code Theme