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#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.lineHighlightBackground#333
  • editor.selectionHighlightBackground#ADD6FF26
  • editorIndentGuide.background#404040
  • list.dropBackground#383B3D
  • sideBarTitle.foreground#BBBBBB

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#666
punctuation.definition.comment.block#999
punctuation.definition.comment.block.prefix.tibunderline
tib.constant, tib.inline.special.prefix, tib.inline.special.name#9a70af
punctuation.definition.comment.description, comment.block.cs#608b4e
punctuation.definition.comment.warning#ca0d0d
punctuation.definition.comment.block.name.tib#e8a338bold
entity.other.html-chars#8e8e8e
entity.other.html-chars.nameunderline
tib.inline.repeat-iterator#CE9178
tib.iterator.prefix, tib.iterator.name, tib.iterator.depth, tib.iterator.varindex, tib.iterator.bracket#539a73
entity.name.tag.cdata.tib, punctuation.definition.cdata.bracket.tib, punctuation.definition.cdata.prefix.tib, punctuation.squarebracket.open, punctuation.squarebracket.close#7c7c7c
tib.inline.method.prefix, tib.inline.repeat-inline.tib punctuation.curlybrace.open, tib.inline.repeat-inline.tib punctuation.curlybrace.close#DCDCAA
entity.name.tag.allowcode#0077f7
entity.other.attribute-name#65c1de
string.quoted.double.xml, string.quoted.single.xml, entity.stuff.tag.html.tib string.value.id, tib.inline.repeat-source, tib.inline.place-source#9c9c9c
punctuation.definition.string.begin, punctuation.definition.string.end, entity.other.stuff.tag#646464
meta.tag string.value.id#d3d46b
entity.name.tag.html.tib#677458
entity.name.tag.tsx.tib#a6875c
meta.embedded, source.groovy.embedded#D4D4D4
emphasisitalic
strongbold
header#000080
constant.language#569cd6
constant.numeric#b5cea8
constant.regexp#646695
entity.name.tag#569cd6
entity.name.tag.repeat#4f667a
entity.name.tag.css#d7ba7d
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.attribute.scss, entity.other.attribute-name.scss#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
markup.italicitalic
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
beginning.punctuation.definition.quote.markdown#608b4e
beginning.punctuation.definition.list.markdown#6796e6
markup.inline.raw#ce9178
meta.selector#d7ba7d
punctuation.definition.tag#808080
meta.preprocessor#569cd6
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#ebb68c
string, meta.preprocessor.string, string.tag, string.value#CE9178
string.regexp#d16969
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#569cd6
meta.template.expression#d4d4d4
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less, source.coffee.embedded#9cdcfe
keyword, keyword.control, storage, storage.type#24b2da
storage.modifier#106cbd
keyword.operator#d4d4d4
keyword.other.unit#b5cea8
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569cd6
support.function.git-rebase#9cdcfe
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
variable.language#569cd6
entity.name.function, support.function, support.constant.handlebars#DCDCAA
meta.return-type, support.class, support.type, entity.name.type, entity.name.class, storage.type.cs, storage.type.generic.cs, storage.type.modifier.cs, storage.type.variable.cs, storage.type.annotation.java, storage.type.generic.java, storage.type.java, storage.type.object.array.java, storage.type.primitive.array.java, storage.type.primitive.java, storage.type.token.java, storage.type.groovy, storage.type.annotation.groovy, storage.type.parameters.groovy, storage.type.generic.groovy, storage.type.object.array.groovy, storage.type.primitive.array.groovy, storage.type.primitive.groovy#4EC9B0
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class#4EC9B0
keyword.control#C586C0
variable, meta.definition.variable.name, support.variable#9CDCFE
meta.object-literal.key, meta.object-literal.key entity.name.function#9CDCFE
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#CE9178
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#CE9178
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#d16969
keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA
keyword.operator.quantifier.regexp#d7ba7d
constant.character#569cd6
constant.character.escape#d7ba7d