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.

  • editor.background#171717
  • editor.foreground#b3b3b3
  • editor.lineHighlightBackground#222222

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#B3B3B3
emphasisitalic
strongbold
header, entity.name.tag.html, punctuation.definition.tag.begin.html#34BDE8
comment#737373
comment.block#707A70
keyword, keyword.token#80B5E0
constant.language.boolean, keyword.token.false, keyword.token.true#4AE08C
constant.language.null, keyword.token.null#ff7ae2
constant.language.scope, keyword.control.scope#F2CA27
constant.other, support.constant, variable.other.constant#F291C3bold
support.constant.trait, constant.language.trait, support.constant.attribute#00D4D4
constant.numeric, entity.name.operator.custom-literal.number, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#2eccb0bold
constant.numeric.hex.integer, constant.numeric.integer.binary, constant.numeric.integer.hexadecimal, constant.numeric.hex.float, constant.numeric.binary.integer, constant.other.color.rgb-value, constant.other.rgb-value, constant.character.hex-string#FF936B
constant.regexp#b3b3b3
support.type.module, entity.name.namespace, variable.parameter.module, variable.parameter.import#b3b3b3
entity.name.function, support.function, support.function.any-method, support.constant.handlebars, variable.function, keyword.other.special-method, meta.function-call.generic.python, source.powershell variable.other.member#9acd32
storage.type, entity.name.function.constructor, entity.name.class.destructor, entity.name.class.postblit, support.type.vendored.property-name, support.type.property-name, source.coffee.embedded, punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, support.function.git-rebase, meta.object-literal.key#2BBBFE
entity.other.attribute, entity.name.class, entity.name.interface, entity.name.struct, entity.name.type, entity.name.union, entity.name.enum, entity.name.tag, constant.other.linkage, entity.name.type.enum#D897F2
entity.other.attribute-name#70B7E7
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#e2a50e
invalid#FB9656
keyword.control#FD8DB4
keyword.control.branch.version#2CC5A3
keyword.control.conditional, keyword.control.branch, keyword.control.if, keyword.control.else, keyword.control.while, keyword.control.do, keyword.control.switch, keyword.control.final.switch, keyword.control.case, keyword.control.goto, keyword.control.with#dda0dd
keyword.control.exception, support.type.cast#ffd700
keyword.control.loop, keyword.control.for, keyword.control.foreach, keyword.control.continue, keyword.control.break#4add8c
keyword.other, keyword.control.synchronized, keyword.control.try, keyword.control.catch, keyword.control.throw, keyword.token.new#f2a127
keyword.operator#b3b3b3
keyword.operator.shift.d, keyword.operator.bitwise.d, keyword.operator.ternary.d#00BDFC
markup.underlineunderline
markup.bold#2BBBFEbold
markup.heading#2BBBFEbold
markup.italicitalic
markup.inserted#98fb98
markup.deleted#f7ca18
markup.changed#41BEDD
punctuation.definition.quote.begin.markdown#00C3C3
punctuation.definition.list.begin.markdown#00bfff
markup.inline.raw#f1a9a0
punctuation.definition.tag#B0B0B0
meta.preprocessor#87B4E0
meta.preprocessor.string#f2a127
meta.preprocessor.numeric#2eccb0
meta.structure.dictionary.key.python#00ced1
meta.diff.header#51BAF3
storage.type.modifier, storage.modifier, keyword.other.alias, storage.class#2ecc91
storage.modifier.attribute#00C3C3
storage.modifier.visibility#f9bf3b
storage.type.function.arrow, keyword.operator.lambda#b3b3b3
storage.type.class#2BBBFE
storage.type.enum#dda0dd
storage.type.interface#FF936B
storage.type.struct#28CA58
storage.type.union#ffa07a
string, entity.name.operator.custom-literal.string#f2ca27
string.tag#D7A48F
string.value#ce9178
string.regexp#E29F9F
punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end, punctuation.section.embedded#80B5E0
meta.template.expression#d4d4d4
punctuation.definition.keyword#a5c951
constant.sha.git-rebase#b5cea8
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4
support.constant.pragma, keyword.control.mixin#DCA720
variable.parameter, variable.other.member, variable.other.object.property, support.constant.property, meta.function-call.arguments#f1a9a0
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#E29F9F
keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA
keyword.operator.quantifier.regexp#d7ba7d
token.info-token#8DB1EE
token.warn-token#e9c80c
token.error-token#f32c2c
token.debug-token#a444e9