Skip to main content
Coding Theme

Color themes

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.

  • actionBar.toggledBackground#03752d
  • activityBar.activeBackground#0fca21
  • activityBar.activeBorder#47c92d
  • activityBar.background#013815
  • activityBarBadge.background#137fb9
  • badge.background#0c7c71
  • button.background#18ff6d
  • dart.flutterUiGuides#c1049e
  • editor.background#04131ddf
  • editor.foreground#18ff6d
  • editorGhostText.background#068911
  • editorGutter.background#0d2415
  • icon.foreground#0dff00
  • menu.background#044705
  • minimapSlider.hoverBackground#a8e215
  • panelSectionHeader.background#46b314
  • panelSectionHeader.border#0fca21
  • scrollbarSlider.background#119d42
  • searchEditor.findMatchBackground#00ff8c
  • settings.headerForeground#19d32c
  • sideBar.background#04131ddf
  • sideBar.border#0ec414
  • sideBar.dropBackground#03321c
  • sideBar.foreground#3adf0d
  • sideBarSectionHeader.background#035430
  • sideBarSectionHeader.border#0b1c07
  • sideBarSectionHeader.foreground#6ad50c
  • sideBarTitle.foreground#075f85
  • statusBar.background#1b4816
  • statusBarItem.activeBackground#09bd69
  • statusBarItem.warningBackground#ed1414
  • symbolIcon.arrayForeground#53ce0c
  • symbolIcon.folderForeground#1eab1e
  • terminal.ansiGreen#071d03
  • terminal.background#0a1d02
  • terminalOverviewRuler.cursorForeground#011302
  • titleBar.activeBackground#0a4a0c
  • welcomePage.progress.background#0a4a0c
  • welcomePage.tileBackground#080d03
  • widget.border#56e056
  • widget.shadow#56e056
  • window.activeBorder#56e056
  • window.inactiveBorder#1b1010

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#0351038dbold
variable, string constant.other.placeholder#5ae65a
constant.other.color#0f9211
invalid, invalid.illegal#f7bd49
keyword, storage.type, storage.modifier#be80e8
keyword.control, constant.other.color, punctuation, meta.tag, 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#ce0ad5
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#a0931b
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#25b76c
meta.block variable.other#2c9426
support.other.variable, string.other.link#15a42d
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#1e870a
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#C3E88D
entity.name, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#0a7723
support.type#158144
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#159365
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
variable.language#f443eeitalic bold
entity.name.method.js#214d7cbold
meta.class-method.js entity.name.function.js, variable.function.constructor#8e0a8e
entity.other.attribute-name#5dd22f
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#0d770bbold
entity.other.attribute-name.class#840852
source.sass keyword.control#0b56f8
markup.inserted#e08e01
markup.deleted#08202a
markup.changed#3c075f
string.regexp#0c8968
constant.character.escape#8d3659
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#05318ebold
source.js constant.other.object.key.js string.unquoted.label.js#0bb148bold
source.json meta.structure.dictionary.json support.type.property-name.json#085926
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#0b5953
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#052c30
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#06305b
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C17E70
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#82AAFF
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#f07178
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C792EA
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#C3E88D
text.html.markdown, punctuation.definition.list_item.markdown#1ab5b5
text.html.markdown markup.inline.raw.markdown#950bf1
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#bc81e6
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#C3E88D
markup.italic#f07178italic bold
markup.bold, markup.bold string#f551b9bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string#f07178bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#009994
markup.quoteitalic
string.other.link.title.markdown#ffac82
string.other.link.description.title.markdown#758327
constant.other.reference.link.markdown#8a0264
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#12010150
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#021616
variable.language.fenced.markdown#65737E
meta.separator#003c69bold
markup.table#EEFFFF