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—
emphasis—italic
strong—bold
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.underline—underline
markup.bold#2BBBFEbold
markup.heading#2BBBFEbold
markup.italic—italic
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—
Fantastique by dougclayton4231 - VS Code Theme