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#e5349B
  • editor.background#E4E0D7
  • editor.foreground#222222
  • focusBorder#e5349B
  • list.activeSelectionBackground#e5349B
  • selection.background#e5349b
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#268bd2
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#268bd2
  • terminal.ansiBrightBlack#cecece
  • terminal.ansiBrightBlue#2997ff
  • terminal.ansiBrightCyan#37cbbf
  • terminal.ansiBrightGreen#b0dd0c
  • terminal.ansiBrightMagenta#f32a7a
  • terminal.ansiBrightRed#ff262c
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#feeea0
  • terminal.ansiCyan#2aa198
  • terminal.ansiGreen#27a327
  • terminal.ansiMagenta#d33682
  • terminal.ansiRed#dc322f
  • terminal.ansiWhite#b0bfc0
  • terminal.ansiYellow#fdd54c
  • terminal.background#222222
  • terminal.foreground#c7c7c7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#eeffffff
comment, punctuation.definition.comment#3d3d3d
punctuation.definition.block#aaa
variable, string constant.other.placeholder#90c9d3italic
constant.other.color#94539a
invalid, invalid.illegal#FF5370
keyword, storage.type, storage.modifier#31AED8
constant.other.color, keyword.other.template, keyword.other.substitution#9c8d4e
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, meta.tag.inline.any.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#32B1DB
string.quoted.double.html, string.quoted.single.html#FEFED0
meta.tag.sgml.html#736240
meta.tag.structure.any.html, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#32B1DB
meta.function.expression.js, meta.function-call.js entity.name.function#4EA828
entity.name.function#eeee9d
meta.block variable.other#90c9d3
support.other.variable, string.other.link#90c9d3
constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, keyword.other#94539a
constant.numeric#FEFED0
keyword.operator.relational, keyword.operator.assignment#ffffff
variable.parameter, variable.parameter.js#FFAF47
punctuation.definition.parameters.begin, punctuation.definition.parameters.end#FFFFFF
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#736240
punctuation.definition.string.end, punctuation.definition.string.begin#736240
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#E642A2
support.type#B2CCD6
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#B2CCD6
meta.property-value, support.constant.named-color.css, meta.property-value constant#FEFED0
meta.preprocessor.at-rule, keyword.control.at-rule#42b03d
source.css, meta.attribute-selector, keyword.operator.comparison, entity.ther.attribute-name.attribute.scss, meta.attribute-selector.scss, keyword.operator.scss#FFFFFF
entity.other.attribute-name.class.css, entity.other.attribute-name.class.css punctuation#EDB4E4
meta.constructor.argument#FEFED0
entity.other.attribute-name.id.css, entity.other.attribute-name.id.css punctuation#E642A2
entity.other.attribute-name.pseudo-element#FFAD73
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.tag.pseudo-class#FFAD73
support.type.property-name.css, meta.property-name#BDF4FF
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#FEFED0
meta.selector.css#32B1DB
entity.name.tag.css#32B1DB
entity.name.tag.wildcard, entity.other.attribute-name.universal#E5349B
keyword.other.unit#FEFED0
keyword.other.important.css#FEFED0
comment.block.sass#525252
entity.other.attribute-name.placeholder-selector.sass#FFFFFF
entity.other.attribute-selector.sass#FFFFFF
keyword.other.regex.sass#FFFFFF
comment.punctuation.comma.sass#FFFFFF
constant.other.color.rgb-value.css, meta.property-value.css constant.other.color.rgb-value.css, constant.other.color.rgb-value.css punctuation.definition.constant.css, meta.property-value.css constant.other.color.rgb-value.css punctuation.definition.constant.css#FFFFFF
keyword.control.at-rule.import.scss, meta.at-rule.import.scss#42b03dbold
entity.other.attribute-name.id.css.sass#E642A2
comment.punctuation.semicolon.sass#FFFFFF
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#FF5370
variable.language#FF5370italic
entity.name.method.js#82AAFFitalic
meta.class-method.js entity.name.function.js, variable.function.constructor#82AAFF
entity.other.attribute-name#FEFED0
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#B4E3F2
entity.other.attribute-name.class#FFCB6B
source.sass keyword.control#82AAFF
markup.inserted#C3E88D
markup.deleted#FF5370
markup.changed#C792EA
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#9c8d4eitalic
source.js constant.other.object.key.js string.unquoted.label.js#FF5370italic
source.json meta.structure.dictionary.json support.type.property-name.json#625CABbold
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json#c4bfd5
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#dad6c3
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#c4bfd5
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#dad6c3
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#c4bfd5
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#dad6c3
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#c4bfd5
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#dad6c3
text.html.markdown, punctuation.definition.list_item.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.begin.markdown, punctuation.definition.constant.end.markdown, puntuation.definition.metadata.markdown#aaa
markup.list.numbered.markdown, markup.list.unnumbered.markdown#E5349B
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown#65737E
text.html.markdown meta.dummy.line-break
markdown.heading, markup.heading.markdown, entity.name.section.markdown, markup.heading | markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown#FFFFFFbold
punctuation.definition.italic.markdown, punctuation.definition.bold.markdown#555
markup.italic#cccitalic
markup.bold, markup.bold string#ffffffbold
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#FFFFFFbold italic
markup.underline#719DD6underline
markup.quote.markdown, punctuation.definition.quote.markdown#6A2B94
markup.quote.markdownitalic
string.other.link.title.markdown#A9C45A
string.other.link.description.title.markdown#719DD6
constant.other.reference.link.markdown#A9C45A
markup.raw.block, markup.inline.raw.markdown, punctuation.definition.raw.markdown#FAB144
markup.raw.block.fenced.markdown#00000050
punctuation.definition.fenced.markdown#00000050
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end#EEFFFF
variable.language.fenced.markdown#65737E
meta.separator#65737Ebold
markup.table#EEFFFF
token.info-token#6796e6
token.warn-token#F0E10E
token.error-token#E63333
token.debug-token#b267e6