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.

  • activityBar.background#F0F0F0
  • activityBar.foreground#03588C
  • activityBar.inactiveForeground#7C92A6
  • activityBarBadge.background#03588C
  • editor.background#F8F8F8
  • editor.foreground#223440
  • editorGroupHeader.tabsBackground#F0F0F0
  • sideBar.background#F0F0F0
  • sideBar.foreground#223440
  • sideBarTitle.foreground#444444
  • statusBar.background#F0F0F0
  • statusBar.foreground#223440
  • tab.activeBackground#FFFFFF
  • tab.activeForeground#024873
  • tab.border#E0E0E0
  • tab.inactiveBackground#F0F0F0
  • tab.inactiveForeground#7C92A6
  • titleBar.activeBackground#F0F0F0
  • titleBar.inactiveBackground#F0F0F0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7C92A6italic
variable, string constant.other.placeholder#223440
constant.other.color#000000
invalid, invalid.illegal#A6705D
keyword, storage.type, storage.modifier#0367A6
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#3E6E8C
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#025373
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#5888A6
meta.block variable.other#024873
support.other.variable, string.other.link#0367A6
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#A6705D
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#ADC5D9
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#3E6E8C
support.type#61788C
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#93ABBF
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#024873
variable.language#0367A6italic
entity.name.method.js#5888A6italic
meta.class-method.js entity.name.function.js, variable.function.constructor#5888A6
entity.other.attribute-name#0367A6
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#3E6E8Citalic
entity.other.attribute-name.class#025373
source.sass keyword.control#5888A6
markup.inserted#ADC5D9
markup.deleted#A6705D
markup.changed#0367A6
string.regexp#3E6E8C
constant.character.escape#025373
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#5888A6italic
source.js constant.other.object.key.js string.unquoted.label.js#024873italic
source.json meta.structure.dictionary.json support.type.property-name.json#0367A6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#3E6E8C
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#025373
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#024873
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json#1B2226
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json#5888A6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.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.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json#0367A6
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json meta.structure.dictionary.value.json support.type.property-name.json#ADC5D9
text.html.markdown, punctuation.definition.list_item.markdown#223440
text.html.markdown markup.inline.raw.markdown#C792EA
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#024873
markup.italic#A6705Ditalic
markup.bold, markup.bold string#024873bold
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#024873bold
markup.underline#F78C6Cunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#82AAFF
string.other.link.description.title.markdown#C792EA
constant.other.reference.link.markdown#FFCB6B
markup.raw.block#C792EA
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#223440
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#223440