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.quote—italic
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—
Intelephect by Ephect - VS Code Theme