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.

  • actionBar.toggledBackground#dddddd
  • activityBarBadge.background#007ACC
  • checkbox.border#919191
  • diffEditor.unchangedRegionBackground#f8f8f8
  • editor.background#FFFFFF
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#E5EBF1
  • editor.selectionHighlightBackground#ADD6FF80
  • editorIndentGuide.activeBackground1#939393
  • editorIndentGuide.background1#D3D3D3
  • editorSuggestWidget.background#F3F3F3
  • input.placeholderForeground#767676
  • list.activeSelectionIconForeground#FFF
  • list.focusAndSelectionOutline#90C2F9
  • list.hoverBackground#E8E8E8
  • menu.border#D4D4D4
  • notebook.cellBorderColor#E8E8E8
  • notebook.selectedCellBackground#c8ddf150
  • ports.iconRunningProcessForeground#369432
  • searchEditor.textInputBorder#CECECE
  • settings.numberInputBorder#CECECE
  • settings.textInputBorder#CECECE
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#61616130
  • sideBarTitle.foreground#6F6F6F
  • statusBarItem.errorBackground#c72e0f
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF
  • tab.lastPinnedBorder#61616130
  • tab.selectedBackground#ffffffa5
  • tab.selectedForeground#333333b3
  • terminal.inactiveSelectionBackground#E5EBF1
  • widget.border#d4d4d4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string.quoted.double, meta.embedded.block string.quoted.double, source string.quoted.double#A31515
string.quoted.single, meta.embedded.block string.quoted.single, source string.quoted.single#A31515
constant.numeric, meta.embedded.block constant.numeric, source constant.numeric#098658
entity.name.function, meta.embedded.block entity.name.function, source entity.name.function#795E26
keyword, meta.embedded.block keyword, source keyword#0000FF
comment, meta.embedded.block comment, source comment#008000
storage.type, meta.embedded.block storage.type, source storage.type#0000FF
string.quoted.double.dcbor, string.quoted.double.patex, meta.embedded.block.envelope string.quoted.double, meta.embedded.block.dcbor string.quoted.double, meta.embedded.block.cbor string.quoted.double#0b631e
string.quoted.single.dcbor, constant.other.unit.dcbor#529721
string.quoted.prefixed.dcbor, string.quoted.prefixed.multiline.dcbor, entity.name.tag.dcbor, string.quoted.prefixed.patex#0D7D65
string.regexp, string.regexp.patex#bf2828
constant.character.escape.patex#df9e1cbold
storage.type.string.patex#0D7D65
punctuation.definition.string.begin.patex, punctuation.definition.string.end.patex#0D7D65
keyword.operator.patex, keyword.operator.ellipsis.dcbor#529815
variable.annotation.patex, punctuation.definition.annotation.patex#c051a2
keyword.other.patex#1661e1
keyword.placeholder.patex#8e8ee8italic
constant.numeric.dcbor, constant.numeric.special.dcbor, constant.numeric.hex.dcbor, constant.numeric.binary.dcbor, constant.numeric.octal.dcbor#0E76B0
constant.numeric.date.dcbor#0D7D65
punctuation.separator.dcbor#0E76B0
punctuation.square.brackets.dcbor#333333
punctuation.angle.brackets.double.dcbor#886200
punctuation.angle.brackets.guillemet.dcbor#886200
punctuation.angle.brackets.floral.dcbor#886200
meta.embedded.block.dcbor punctuation.square.brackets.dcbor, meta.embedded.block.envelope punctuation.square.brackets.dcbor#886200
meta.embedded.block.dcbor punctuation.curly.braces.dcbor, meta.embedded.block.envelope punctuation.curly.braces.dcbor#886200
meta.embedded.block.dcbor punctuation.parenthesis.dcbor, meta.embedded.block.envelope punctuation.parenthesis.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.double.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.double.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.guillemet.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.guillemet.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.floral.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.floral.dcbor#886200
constant.language.dcbor#5D3CA9
keyword.other.envcase.dcbor#A13030
keyword.other.treebranch.dcbor#935692
constant.other.uri.dcbor#3D724C
identifier.bareword.dcbor#9e5c1a
comment.line.number-sign.dcbor, comment.block.inline.dcbor#979696
string.quoted.double, meta.embedded.block string.quoted.double, source string.quoted.double#A31515
string.quoted.single, meta.embedded.block string.quoted.single, source string.quoted.single#A31515
constant.numeric, meta.embedded.block constant.numeric, source constant.numeric#098658
entity.name.function, meta.embedded.block entity.name.function, source entity.name.function#795E26
keyword, meta.embedded.block keyword, source keyword#0000FF
comment, meta.embedded.block comment, source comment#008000
storage.type, meta.embedded.block storage.type, source storage.type#0000FF
string.quoted.double.dcbor, string.quoted.double.patex, meta.embedded.block.envelope string.quoted.double, meta.embedded.block.dcbor string.quoted.double, meta.embedded.block.cbor string.quoted.double#0b631e
string.quoted.single.dcbor, constant.other.unit.dcbor#529721
string.quoted.prefixed.dcbor, string.quoted.prefixed.multiline.dcbor, entity.name.tag.dcbor, string.quoted.prefixed.patex#0D7D65
string.regexp, string.regexp.patex#bf2828
constant.character.escape.patex#df9e1cbold
storage.type.string.patex#0D7D65
punctuation.definition.string.begin.patex, punctuation.definition.string.end.patex#0D7D65
keyword.operator.patex, keyword.operator.ellipsis.dcbor#529815
variable.annotation.patex, punctuation.definition.annotation.patex#c051a2
keyword.other.patex#1661e1
keyword.placeholder.patex#8e8ee8italic
constant.numeric.dcbor, constant.numeric.special.dcbor, constant.numeric.hex.dcbor, constant.numeric.binary.dcbor, constant.numeric.octal.dcbor#0E76B0
constant.numeric.date.dcbor#0D7D65
punctuation.separator.dcbor#0E76B0
punctuation.square.brackets.dcbor#333333
punctuation.angle.brackets.double.dcbor#886200
punctuation.angle.brackets.guillemet.dcbor#886200
punctuation.angle.brackets.floral.dcbor#886200
meta.embedded.block.dcbor punctuation.square.brackets.dcbor, meta.embedded.block.envelope punctuation.square.brackets.dcbor#886200
meta.embedded.block.dcbor punctuation.curly.braces.dcbor, meta.embedded.block.envelope punctuation.curly.braces.dcbor#886200
meta.embedded.block.dcbor punctuation.parenthesis.dcbor, meta.embedded.block.envelope punctuation.parenthesis.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.double.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.double.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.guillemet.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.guillemet.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.floral.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.floral.dcbor#886200
constant.language.dcbor#5D3CA9
keyword.other.envcase.dcbor#A13030
keyword.other.treebranch.dcbor#935692
constant.other.uri.dcbor#3D724C
identifier.bareword.dcbor#9e5c1a
comment.line.number-sign.dcbor, comment.block.inline.dcbor#979696
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#795E26
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#267f99
keyword.control, source.cpp keyword.operator.new, source.cpp keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#AF00DB
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#001080
variable.other.constant, variable.other.enummember#0070C1
meta.object-literal.key#001080
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#0451a5
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#d16969
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#811f3f
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#EE0000
constant.character, constant.other.option#0000ff
constant.character.escape#EE0000
entity.name.label#000000
string.quoted.double, meta.embedded.block string.quoted.double, source string.quoted.double#A31515
string.quoted.single, meta.embedded.block string.quoted.single, source string.quoted.single#A31515
constant.numeric, meta.embedded.block constant.numeric, source constant.numeric#098658
entity.name.function, meta.embedded.block entity.name.function, source entity.name.function#795E26
keyword, meta.embedded.block keyword, source keyword#0000FF
comment, meta.embedded.block comment, source comment#008000
storage.type, meta.embedded.block storage.type, source storage.type#0000FF
string.quoted.double.dcbor, string.quoted.double.patex, meta.embedded.block.envelope string.quoted.double, meta.embedded.block.dcbor string.quoted.double, meta.embedded.block.cbor string.quoted.double#0b631e
string.quoted.single.dcbor, constant.other.unit.dcbor#529721
string.quoted.prefixed.dcbor, string.quoted.prefixed.multiline.dcbor, entity.name.tag.dcbor, string.quoted.prefixed.patex#0D7D65
string.regexp, string.regexp.patex#bf2828
constant.character.escape.patex#df9e1cbold
storage.type.string.patex#0D7D65
punctuation.definition.string.begin.patex, punctuation.definition.string.end.patex#0D7D65
keyword.operator.patex, keyword.operator.ellipsis.dcbor#529815
variable.annotation.patex, punctuation.definition.annotation.patex#c051a2
keyword.other.patex#1661e1
keyword.placeholder.patex#8e8ee8italic
constant.numeric.dcbor, constant.numeric.special.dcbor, constant.numeric.hex.dcbor, constant.numeric.binary.dcbor, constant.numeric.octal.dcbor#0E76B0
constant.numeric.date.dcbor#0D7D65
punctuation.separator.dcbor#0E76B0
punctuation.square.brackets.dcbor#333333
punctuation.angle.brackets.double.dcbor#886200
punctuation.angle.brackets.guillemet.dcbor#886200
punctuation.angle.brackets.floral.dcbor#886200
meta.embedded.block.dcbor punctuation.square.brackets.dcbor, meta.embedded.block.envelope punctuation.square.brackets.dcbor#886200
meta.embedded.block.dcbor punctuation.curly.braces.dcbor, meta.embedded.block.envelope punctuation.curly.braces.dcbor#886200
meta.embedded.block.dcbor punctuation.parenthesis.dcbor, meta.embedded.block.envelope punctuation.parenthesis.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.double.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.double.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.guillemet.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.guillemet.dcbor#886200
meta.embedded.block.dcbor punctuation.angle.brackets.floral.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.floral.dcbor#886200
constant.language.dcbor#5D3CA9
keyword.other.envcase.dcbor#A13030
keyword.other.treebranch.dcbor#935692
constant.other.uri.dcbor#3D724C
identifier.bareword.dcbor#9e5c1a
comment.line.number-sign.dcbor, comment.block.inline.dcbor#979696
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#795E26
support.class, support.type, entity.name.type, entity.name.namespace, entity.other.attribute, entity.name.scope-resolution, entity.name.class, storage.type.numeric.go, storage.type.byte.go, storage.type.boolean.go, storage.type.string.go, storage.type.uintptr.go, storage.type.error.go, storage.type.rune.go, 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#267f99
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class, punctuation.separator.namespace.ruby#267f99
keyword.control, source.cpp keyword.operator.new, source.cpp keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#AF00DB
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#001080
variable.other.constant, variable.other.enummember#0070C1
meta.object-literal.key#001080
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#0451a5
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#d16969
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#811f3f
keyword.operator.quantifier.regexp#000000
keyword.operator.or.regexp, keyword.control.anchor.regexp#EE0000
constant.character, constant.other.option#0000ff
constant.character.escape#EE0000
entity.name.label#000000
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#000000ff
emphasisitalic
strongbold
meta.diff.header#000080
comment#008000
constant.language#0000ff
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#098658
constant.regexp#811f3f
entity.name.tag#800000
entity.name.selector#800000
entity.other.attribute-name#e50000
entity.other.attribute-name.class.css, source.css entity.other.attribute-name.class, entity.other.attribute-name.id.css, entity.other.attribute-name.parent-selector.css, entity.other.attribute-name.parent.less, source.css entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element.css, source.css.less entity.other.attribute-name.id, entity.other.attribute-name.scss#800000
invalid#cd3131
markup.underlineunderline
markup.bold#000080bold
markup.heading#800000bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#098658
markup.deleted#a31515
markup.changed#0451a5
punctuation.definition.quote.begin.markdown, punctuation.definition.list.begin.markdown#0451a5
markup.inline.raw#800000
punctuation.definition.tag#800000
meta.preprocessor, entity.name.function.preprocessor#0000ff
meta.preprocessor.string#a31515
meta.preprocessor.numeric#098658
meta.structure.dictionary.key.python#0451a5
storage#0000ff
storage.type#0000ff
storage.modifier, keyword.operator.noexcept#0000ff
string, meta.embedded.assembly#a31515
string.comment.buffered.block.pug, string.quoted.pug, string.interpolated.pug, string.unquoted.plain.in.yaml, string.unquoted.plain.out.yaml, string.unquoted.block.yaml, string.quoted.single.yaml, string.quoted.double.xml, string.quoted.single.xml, string.unquoted.cdata.xml, string.quoted.double.html, string.quoted.single.html, string.unquoted.html, string.quoted.single.handlebars, string.quoted.double.handlebars#0000ff
string.regexp#811f3f
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#0000ff
meta.template.expression#000000
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#0451a5
support.type.vendored.property-name, support.type.property-name, source.css variable, source.coffee.embedded#e50000
support.type.property-name.json#0451a5
keyword#0000ff
keyword.control#0000ff
keyword.operator#000000
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#0000ff
keyword.other.unit#098658
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#800000
support.function.git-rebase#0451a5
constant.sha.git-rebase#098658
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#000000
variable.language#0000ff