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.

  • activityBarBadge.background#007acc
  • editor.background#ffffff
  • editor.foreground#1e1e1e
  • sideBarTitle.foreground#333333

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#008000italic
variable.other.php#007ACC
variable.other.ephect#005FB8bold
variable.other.property.ephect#005FB8
keyword, storage.type, storage.modifier#AF00DB
keyword.control.ephect, keyword.control.ephect.conditional, keyword.control.ephect.loop, keyword.control.ephect.loop.end, keyword.control.ephect.block, keyword.control.ephect.do, keyword.control.ephect.end, keyword.control.ephect.operator, keyword.operator.word.ephect#8A3FFCbold
punctuation.definition.template-expression.begin.ephect, punctuation.definition.template-expression.end.ephect#0A7B83bold
punctuation.definition.variable.ephect#005FB8
punctuation.definition.keyword.ephect#8A3FFC
keyword.control, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution#1e1e1e
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#800000
entity.name.tag.html#267f99
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#795E26
meta.block variable.other#1e1e1e
support.other.variable, string.other.link#811F3F
constant.numeric, constant.language, support.constant, constant.character, constant.escape, variable.parameter, keyword.other.unit, keyword.other#098658
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#A31515
meta.embedded.block.html.ephect#1e1e1e
punctuation.definition.template-expression.begin.ephect, punctuation.definition.template-expression.end.ephect#0A7B83bold
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#267f99
support.type#267f99
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#007ACC
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#C72E0F
variable.language#AF00DBitalic
entity.name.method.js#795E26italic
meta.class-method.js entity.name.function.js, variable.function.constructor#795E26
entity.other.attribute-name#007ACC
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#007ACCitalic
entity.other.attribute-name.class#795E26
source.sass keyword.control#AF00DB
markup.inserted#098658
markup.deleted#A31515
markup.changed#AF00DB
string.regexp#C72E0F
constant.character.escape#D16969
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#795E26italic
source.js constant.other.object.key.js string.unquoted.label.js#C72E0Fitalic
source.json meta.structure.dictionary.json support.type.property-name.json#007ACC
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#795E26
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#C72E0F
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#C72E0F
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#8A3FFC
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#007ACC
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#C72E0F
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#8A3FFC
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#098658
text.html.markdown, punctuation.definition.list_item.markdown#1e1e1e
text.html.markdown markup.inline.raw.markdown#A31515
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#007ACC
text.html.markdown meta.dummy.line-break#008000
markdown.heading, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#007ACC
markup.italic#811F3Fitalic
markup.bold, markup.bold string#811F3Fbold
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#811F3Fbold
markup.underline#811F3Funderline
markup.strike#811F3Fstrikethrough
markup.quote punctuation.definition.blockquote.markdown#008000
markup.quoteitalic
string.other.link.title.markdown#795E26
string.other.link.description.title.markdown#A31515
constant.other.reference.link.markdown#D16969
markup.raw.block#A31515
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#1e1e1e
variable.language.fenced.markdown#008000
meta.separator#008000bold
markup.table#1e1e1e