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#383a49
  • activityBarBadge.background#007ACC
  • checkbox.border#6B6B6B
  • editor.background#1E1E1E
  • editor.foreground#D4D4D4
  • editor.inactiveSelectionBackground#3A3D41
  • editor.selectionHighlightBackground#ADD6FF26
  • editorIndentGuide.activeBackground1#707070
  • editorIndentGuide.background1#404040
  • input.placeholderForeground#A6A6A6
  • list.activeSelectionIconForeground#FFF
  • list.dropBackground#383B3D
  • menu.background#252526
  • menu.border#454545
  • menu.foreground#CCCCCC
  • menu.selectionBackground#0078d4
  • menu.separatorBackground#454545
  • ports.iconRunningProcessForeground#369432
  • sideBarSectionHeader.background#0000
  • sideBarSectionHeader.border#ccc3
  • sideBarTitle.foreground#BBBBBB
  • statusBarItem.remoteBackground#16825D
  • statusBarItem.remoteForeground#FFF
  • tab.lastPinnedBorder#ccc3
  • tab.selectedBackground#222222
  • tab.selectedForeground#ffffffa0
  • terminal.inactiveSelectionBackground#3A3D41
  • widget.border#303031

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string.quoted.double, meta.embedded.block string.quoted.double, source string.quoted.double#CE9178
string.quoted.single, meta.embedded.block string.quoted.single, source string.quoted.single#CE9178
constant.numeric, meta.embedded.block constant.numeric, source constant.numeric#B5CEA8
entity.name.function, meta.embedded.block entity.name.function, source entity.name.function#DCDCAA
keyword, meta.embedded.block keyword, source keyword#569CD6
comment, meta.embedded.block comment, source comment#6A9955
storage.type, meta.embedded.block storage.type, source storage.type#569CD6
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#8ABE5E
string.quoted.single.dcbor, constant.other.unit.dcbor#D6E893
string.quoted.prefixed.dcbor, string.quoted.prefixed.multiline.dcbor, entity.name.tag.dcbor, string.quoted.prefixed.patex#4EC9B0
string.regexp, string.regexp.patex#de6e6e
constant.character.escape.patex#d08401bold
storage.type.string.patex#4EC9B0
punctuation.definition.string.begin.patex, punctuation.definition.string.end.patex#4EC9B0
keyword.operator.patex, keyword.operator.ellipsis.dcbor#9bcd70
variable.annotation.patex, punctuation.definition.annotation.patex#fb85dc
keyword.other.patex#6aa1ff
keyword.placeholder.patex#7474bditalic
constant.numeric.dcbor, constant.numeric.special.dcbor, constant.numeric.hex.dcbor, constant.numeric.binary.dcbor, constant.numeric.octal.dcbor#34A5DA
constant.numeric.date.dcbor#4EC9B0
punctuation.separator.dcbor#34A5DA
punctuation.square.brackets.dcbor#D4D4D4
punctuation.angle.brackets.double.dcbor#ffff00
punctuation.angle.brackets.guillemet.dcbor#ffff00
punctuation.angle.brackets.floral.dcbor#ffff00
meta.embedded.block.dcbor punctuation.square.brackets.dcbor, meta.embedded.block.envelope punctuation.square.brackets.dcbor#ffff00
meta.embedded.block.dcbor punctuation.curly.braces.dcbor, meta.embedded.block.envelope punctuation.curly.braces.dcbor#ffff00
meta.embedded.block.dcbor punctuation.parenthesis.dcbor, meta.embedded.block.envelope punctuation.parenthesis.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.double.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.double.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.guillemet.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.guillemet.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.floral.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.floral.dcbor#ffff00
constant.language.dcbor#9c9cf9
keyword.other.envcase.dcbor#d38080
keyword.other.treebranch.dcbor#d89ad7
constant.other.uri.dcbor#b5cea8
identifier.bareword.dcbor#FDCB56
comment.line.number-sign.dcbor, comment.block.inline.dcbor#8d8c8c
string.quoted.double, meta.embedded.block string.quoted.double, source string.quoted.double#CE9178
string.quoted.single, meta.embedded.block string.quoted.single, source string.quoted.single#CE9178
constant.numeric, meta.embedded.block constant.numeric, source constant.numeric#B5CEA8
entity.name.function, meta.embedded.block entity.name.function, source entity.name.function#DCDCAA
keyword, meta.embedded.block keyword, source keyword#569CD6
comment, meta.embedded.block comment, source comment#6A9955
storage.type, meta.embedded.block storage.type, source storage.type#569CD6
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#8ABE5E
string.quoted.single.dcbor, constant.other.unit.dcbor#D6E893
string.quoted.prefixed.dcbor, string.quoted.prefixed.multiline.dcbor, entity.name.tag.dcbor, string.quoted.prefixed.patex#4EC9B0
string.regexp, string.regexp.patex#de6e6e
constant.character.escape.patex#d08401bold
storage.type.string.patex#4EC9B0
punctuation.definition.string.begin.patex, punctuation.definition.string.end.patex#4EC9B0
keyword.operator.patex, keyword.operator.ellipsis.dcbor#9bcd70
variable.annotation.patex, punctuation.definition.annotation.patex#fb85dc
keyword.other.patex#6aa1ff
keyword.placeholder.patex#7474bditalic
constant.numeric.dcbor, constant.numeric.special.dcbor, constant.numeric.hex.dcbor, constant.numeric.binary.dcbor, constant.numeric.octal.dcbor#34A5DA
constant.numeric.date.dcbor#4EC9B0
punctuation.separator.dcbor#34A5DA
punctuation.square.brackets.dcbor#D4D4D4
punctuation.angle.brackets.double.dcbor#ffff00
punctuation.angle.brackets.guillemet.dcbor#ffff00
punctuation.angle.brackets.floral.dcbor#ffff00
meta.embedded.block.dcbor punctuation.square.brackets.dcbor, meta.embedded.block.envelope punctuation.square.brackets.dcbor#ffff00
meta.embedded.block.dcbor punctuation.curly.braces.dcbor, meta.embedded.block.envelope punctuation.curly.braces.dcbor#ffff00
meta.embedded.block.dcbor punctuation.parenthesis.dcbor, meta.embedded.block.envelope punctuation.parenthesis.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.double.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.double.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.guillemet.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.guillemet.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.floral.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.floral.dcbor#ffff00
constant.language.dcbor#9c9cf9
keyword.other.envcase.dcbor#d38080
keyword.other.treebranch.dcbor#d89ad7
constant.other.uri.dcbor#b5cea8
identifier.bareword.dcbor#FDCB56
comment.line.number-sign.dcbor, comment.block.inline.dcbor#8d8c8c
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#DCDCAA
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#4EC9B0
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#4EC9B0
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#C586C0
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#9CDCFE
variable.other.constant, variable.other.enummember#4FC1FF
meta.object-literal.key#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, constant.other.option#569cd6
constant.character.escape#d7ba7d
entity.name.label#C8C8C8
string.quoted.double, meta.embedded.block string.quoted.double, source string.quoted.double#CE9178
string.quoted.single, meta.embedded.block string.quoted.single, source string.quoted.single#CE9178
constant.numeric, meta.embedded.block constant.numeric, source constant.numeric#B5CEA8
entity.name.function, meta.embedded.block entity.name.function, source entity.name.function#DCDCAA
keyword, meta.embedded.block keyword, source keyword#569CD6
comment, meta.embedded.block comment, source comment#6A9955
storage.type, meta.embedded.block storage.type, source storage.type#569CD6
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#8ABE5E
string.quoted.single.dcbor, constant.other.unit.dcbor#D6E893
string.quoted.prefixed.dcbor, string.quoted.prefixed.multiline.dcbor, entity.name.tag.dcbor, string.quoted.prefixed.patex#4EC9B0
string.regexp, string.regexp.patex#de6e6e
constant.character.escape.patex#d08401bold
storage.type.string.patex#4EC9B0
punctuation.definition.string.begin.patex, punctuation.definition.string.end.patex#4EC9B0
keyword.operator.patex, keyword.operator.ellipsis.dcbor#9bcd70
variable.annotation.patex, punctuation.definition.annotation.patex#fb85dc
keyword.other.patex#6aa1ff
keyword.placeholder.patex#7474bditalic
constant.numeric.dcbor, constant.numeric.special.dcbor, constant.numeric.hex.dcbor, constant.numeric.binary.dcbor, constant.numeric.octal.dcbor#34A5DA
constant.numeric.date.dcbor#4EC9B0
punctuation.separator.dcbor#34A5DA
punctuation.square.brackets.dcbor#D4D4D4
punctuation.angle.brackets.double.dcbor#ffff00
punctuation.angle.brackets.guillemet.dcbor#ffff00
punctuation.angle.brackets.floral.dcbor#ffff00
meta.embedded.block.dcbor punctuation.square.brackets.dcbor, meta.embedded.block.envelope punctuation.square.brackets.dcbor#ffff00
meta.embedded.block.dcbor punctuation.curly.braces.dcbor, meta.embedded.block.envelope punctuation.curly.braces.dcbor#ffff00
meta.embedded.block.dcbor punctuation.parenthesis.dcbor, meta.embedded.block.envelope punctuation.parenthesis.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.double.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.double.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.guillemet.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.guillemet.dcbor#ffff00
meta.embedded.block.dcbor punctuation.angle.brackets.floral.dcbor, meta.embedded.block.envelope punctuation.angle.brackets.floral.dcbor#ffff00
constant.language.dcbor#9c9cf9
keyword.other.envcase.dcbor#d38080
keyword.other.treebranch.dcbor#d89ad7
constant.other.uri.dcbor#b5cea8
identifier.bareword.dcbor#FDCB56
comment.line.number-sign.dcbor, comment.block.inline.dcbor#8d8c8c
entity.name.function, support.function, support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#DCDCAA
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#4EC9B0
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#4EC9B0
keyword.control, source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.directive.using, keyword.other.operator, entity.name.operator#C586C0
variable, meta.definition.variable.name, support.variable, entity.name.variable, constant.other.placeholder#9CDCFE
variable.other.constant, variable.other.enummember#4FC1FF
meta.object-literal.key#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, constant.other.option#569cd6
constant.character.escape#d7ba7d
entity.name.label#C8C8C8
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python#D4D4D4
emphasisitalic
strongbold
header#000080
comment#6A9955
constant.language#569cd6
constant.numeric, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#b5cea8
constant.regexp#646695
entity.name.tag#569cd6
entity.name.tag.css, entity.name.tag.less#d7ba7d
entity.other.attribute-name#9cdcfe
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#d7ba7d
invalid#f44747
markup.underlineunderline
markup.bold#569cd6bold
markup.heading#569cd6bold
markup.italicitalic
markup.strikethroughstrikethrough
markup.inserted#b5cea8
markup.deleted#ce9178
markup.changed#569cd6
punctuation.definition.quote.begin.markdown#6A9955
punctuation.definition.list.begin.markdown#6796e6
markup.inline.raw#ce9178
punctuation.definition.tag#808080
meta.preprocessor, entity.name.function.preprocessor#569cd6
meta.preprocessor.string#ce9178
meta.preprocessor.numeric#b5cea8
meta.structure.dictionary.key.python#9cdcfe
meta.diff.header#569cd6
storage#569cd6
storage.type#569cd6
storage.modifier, keyword.operator.noexcept#569cd6
string, meta.embedded.assembly#ce9178
string.tag#ce9178
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, source.css variable, source.coffee.embedded#9cdcfe
keyword#569cd6
keyword.control#569cd6
keyword.operator#d4d4d4
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#569cd6
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