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#aaa
  • activityBar.activeFocusBorder#aaa
  • activityBar.background#171717
  • activityBar.foreground#aaa
  • activityBar.inactiveForeground#444
  • activityBarBadge.background#5b0096
  • activityBarBadge.foreground#ccc
  • button.background#444
  • editor.background#171717
  • editor.findMatchBackground#555
  • editor.findMatchHighlightBackground#333
  • editor.foreground#ccc
  • editor.lineHighlightBackground#222
  • editor.selectionBackground#333
  • editor.selectionHighlightBackground#333
  • editorGutter.addedBackground#73C991
  • editorGutter.deletedBackground#F88070
  • editorGutter.modifiedBackground#E2C08D
  • editorLineNumber.foreground#555
  • focusBorder#171717
  • list.activeSelectionBackground#333
  • list.hoverBackground#171717
  • list.hoverForeground#fff
  • minimap.selectionHighlight#C984FF
  • minimapGutter.addedBackground#73C991
  • minimapGutter.deletedBackground#F88070
  • minimapGutter.modifiedBackground#E2C08D
  • progressBar.background#aaa
  • selection.background#C984FF
  • sideBar.background#171717
  • sideBarSectionHeader.background#282828
  • sideBarTitle.foreground#bbb
  • textLink.foreground#C984FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
invalid, invalid.illegal#FF5370
comment, punctuation.definition.comment#666italic
constant.other.color, 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, keyword.operator, entity.other.attribute-name, support.type.primitive, entity.name.type, storage.type.function.arrow#a2a2a2
constant.language, storage.type, storage.modifier, keyword.control, keyword.function, keyword.operator.expression, meta.separator, variable.language.this, support.type.object.module#a2a2a2italic
meta.object, meta.jsx.children, support.type.property-name, variable.object.property, variable.other.property, variable.other.object, variable.other.readwrite, variable.other, meta.embedded.expression, meta.definition, entity.name.tag.yaml, support.type.property-name.json, meta.parameters#d0d0d0
meta.block, entity.name, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, entity.other.inherited-class, variable.other.readwrite.alias, variable.other.property, variable.other.object.property, variable.other.constant.property, variable.parameter, meta.block, constant.language.import-export-all, support.type.exception, entity.name.type.interface, markup.heading, punctuation.separator.key-value, entity.name.type.module#fff
markup.italic#fffitalic
markup.bold#fffbold
entity.name.function, variable.function, support.function, keyword.other.special-method, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other, meta.tag, punctuation.decorator, entity.name.type.class, constant.other.character-class.regexp#C984FF
markup.quote, keyword.control.pseudo-method#C984FFitalic
constant.numeric, punctuation.definition.list, constant.character.entity, meta.image.inline, constant.other.symbol, source.js constant.other.object.key.js string.unquoted.label.js, constant.character.escape, keyword.operator.quantifier.regexp#ffa182
string, constant.other.key, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#82daff
*url*, *link*, *uri*underline
limbo by Erik Müller - VS Code Theme