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.activeBackground#303030
  • activityBar.background#272727
  • activityBar.border#212223
  • activityBarBadge.background#FF0000
  • breadcrumb.background#272727
  • button.background#90ECEA
  • button.foreground#303030
  • editor.background#272727
  • editor.foreground#ffffff
  • extensionButton.prominentBackground#E89141
  • extensionButton.prominentForeground#ffffff
  • sideBar.background#303030
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#48B9C7
  • tab.activeBorderTop#48B9C7
  • tab.inactiveBackground#303030
  • titleBar.activeBackground#E89141
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
variable, string constant.other.placeholder#ffFFFF
constant.other.color#ffffff
invalid, invalid.illegal#ff0000
keyword, storage.type, storage.modifier#EB3D54
constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#ffffff
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#EB3D54
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#5AB8D9
meta.block variable.other#ffffff
support.other.variable, string.other.link#EB3D54
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#F08337
string, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, constant.other.symbol, constant.other.key#E7CE57
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#E7CE57
support.type#EF7C2B
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#EF7C2B
entity.name.module.js, variable.import.parameter.js, variable.other.class.js, meta.interpolation#EB3D54
variable.language#EB3D54italic
entity.name.method.js#78BC65italic
meta.class-method.js entity.name.function.js, variable.function.constructor#78BC65
entity.other.attribute-name#5AB8D9
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#E7CE57italic
entity.other.attribute-name.class#E7CE57
source.sass keyword.control#78BC65
markup.inserted#78BC65
markup.deleted#ff0000
markup.changed#5AB8D9
string.regexp#5AB8D9
constant.character.escape#5AB8D9
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#78BC65italic
source.js constant.other.object.key.js string.unquoted.label.js#EB3D54italic
source.json meta.structure.dictionary.json support.type.property-name.json#EB3D54
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#5AB8D9
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#EB3D54
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#5AB8D9
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#EB3D54
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#5AB8D9
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#EB3D54
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#5AB8D9
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#EB3D54
text.html.markdown, punctuation.definition.list_item.markdown#ffffff
text.html.markdown markup.inline.raw.markdown#50B4D8
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#78BC65
markup.italic#EB3D54italic
markup.bold, markup.bold string#EB3D54bold
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#EB3D54bold
markup.underline#EF7C2Bunderline
markup.quote punctuation.definition.blockquote.markdown#65737E
markup.quoteitalic
string.other.link.title.markdown#78BC65
string.other.link.description.title.markdown#50B4D8
constant.other.reference.link.markdown#E7CE57
markup.raw.block#50B4D8
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#ffffff
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#ffffff
storage.type.cs, inherit-class#E7CE57
entity.name.variable.field.cs, entity.name.variable.property.cs, entity.name.variable.local.cs, entity.name.type.namespace.cs#ffffff
keyword.other.class.cs, keyword.other.using.cs, keyword.other.get.cs, keyword.other.set.cs, keyword.other.struct.cs#EB3D54
numeric-suffix#EF7C2B
punctuation.separator.hash.cs#EB3D54