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#0f0f0f
  • activityBar.foreground#ebdbb2
  • activityBarBadge.background#ebdbb2
  • activityBarBadge.foreground#0f0f0f
  • editor.background#0f0f0f
  • editor.foreground#ebdbb2
  • editor.lineHighlightBackground#1a1a1a
  • editor.selectionBackground#3c383680
  • editor.selectionHighlightBackground#3c383640
  • editor.wordHighlightBackground#1a1a1a
  • editor.wordHighlightStrongBackground#3c3836
  • editorCursor.foreground#fabd2f
  • editorGroupHeader.tabsBackground#0f0f0f
  • sideBar.background#0f0f0f
  • sideBar.foreground#a89984
  • sideBarTitle.foreground#928374
  • statusBar.background#0f0f0f
  • statusBar.foreground#a89984
  • tab.activeBackground#1a1a1a
  • tab.activeBorderTop#ebdbb2
  • tab.activeForeground#ebdbb2
  • tab.inactiveBackground#0f0f0f
  • tab.inactiveForeground#928374
  • titleBar.activeBackground#0f0f0f
  • titleBar.activeForeground#ebdbb2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#928374
string, string.quoted, string.template#d5c4a1
string.quoted.docstring.multi.python, string.quoted.multi.python#d5c4a1
keyword, keyword.control, keyword.operator, storage.type, storage.modifier#95e6cb
entity.name.function, support.function#ffffff
meta.function-call#ffffff
entity.name.type, entity.name.class, support.class, support.type#fabd2f
variable, variable.parameter, variable.other#95e6cb
constant.numeric, constant.language, support.constant#d3869b
punctuation, meta.brace, punctuation.separator, punctuation.section#a89984
entity.name.tag, entity.name.tag.html, entity.name.tag.xml, meta.tag.structure.any.html, meta.tag.other.html, meta.tag.block.any.html, meta.tag.inline.any.html#95e6cb
punctuation.definition.tag, punctuation.definition.tag.html, punctuation.definition.tag.xml, punctuation.definition.tag.begin, punctuation.definition.tag.end#a89984
entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.xml, entity.other.attribute-name.class, entity.other.attribute-name.id#fabd2f
string.quoted.double.html, string.quoted.single.html, string.quoted.double.xml, string.quoted.single.xml#d5c4a1
support.type.property-name.json, meta.structure.dictionary.key.json, string.json support.type.property-name.json#95e6cb
meta.structure.dictionary.value.json string.quoted.double.json, string.quoted.double.json#d5c4a1
punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json, punctuation.separator.dictionary.key-value.json, punctuation.separator.dictionary.pair.json, punctuation.separator.array.json#a89984
entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#95e6cb
support.type.property-name.css, meta.property-name.css#fabd2f
support.constant.property-value.css, meta.property-value.css#d5c4a1
markup.heading, markdown.heading#ebdbb2
CS Monk Theme by Salomon Kulondwa - VS Code Theme