Skip to main content
Coding Theme

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#15161b
  • editor.foreground#ffffff
  • editor.inactiveSelectionBackground#3b3b3b
  • editor.lineHighlightBackground#21222c
  • editor.selectionBackground#7259b1
  • editorCursor.foreground#ffffff
  • editorWhitespace.foreground#313024

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
—#ffffffff—
string#ddd9b8—
meta.brace.square, punctuation.definition.binding-pattern#B5BCDA—
meta.template.expression, support.variable.property.dom, support.class.builtin, support.constant.math#ffffff—
constant.numeric#ddd9b8—
constant.language#FFFF29—
constant.language.boolean.true, constant.language.boolean.false#FFD427—
constant.language.undefined, constant.language.null#FFD427—
constant.character, constant.other, constant.id.tag.jade#CF9EFF—
keyword#FF4FBA—
storage#FF4FBA—
storage.type#FF4FBA—
entity.name.class#22F4E5—
entity.other.inherited-class#22F4E5underline
entity.name.function#22F4E5—
variable.parameter#9de3ff—
entity.name.tag#FF4FBA—
entity.other.attribute-name#22F4E5—
support.function#FF4FBA—
support.constant#FF4FBA—
support.type, support.class#FF4FBA—
invalid#ffffff—
invalid.deprecated#ffffff—
meta.diff, meta.diff.header#B5BCDA—
markup.deleted#FF4FBA—
markup.inserted#22F4E5—
markup.changed#FFFF29—
constant.numeric.line-number.find-in-files - match#FF4FBA—
entity.name.filename.find-in-files#FFFF29—
meta.object-literal.key.js#ffffffitalic
punctuation.definition.tag.html, constant.name.attribute.tag.jade, punctuation.definition.tag.xml,punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#B5BCDA—
punctuation.accessor, punctuation.definition.block, punctuation.separator.key-value,punctuation.terminator.statement, punctuation.separator.comma, punctuation.terminator,meta.brace.round, punctuation.definition.parameters.begin, punctuation.definition.parameters.end,punctuation.definition.template-expression#B5BCDA—
entity.name.function, meta.require, support.function.any-method, meta.function-call, support.function,keyword.other.special-method, meta.block-level, meta.function-call.method.with-arguments variable.function#22F4E5—
support.variable.object.node.js#CF9EFF—
comment, comment.line.double-slash, punctuation.definition.comment#495C70—
source.css, keyword.operator.combinator.css, keyword.operator.less#ffffff—
entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element#D7FF5F—
entity.other.attribute-name.class#FFFF29—
entity.other.attribute-name.id#CF9EFF—
meta.property-name.css, keyword.other.unit, support.type.property-name#B5BCDA—
support.function.name.sass, meta.property-list.css.sass, meta.function.include.sass#ffffff—
constant.numeric.css, constant.numeric.scss, constant.numeric.sass,string.quoted.double.css.sass, support.constant.property-value.css,constant.other.rgb-value.css, support.constant.property-value.scss#ffffffbold
variable.scss, meta.variable-usage.sass, meta.variable-declaration.sass, variable.other.sass#FFD427—
entity.name.section.markdown, punctuation.definition.heading.markdown, markup.heading#FF4FBA—
beginning.punctuation.definition.list.markdown#FFD427—
punctuation.definition.markdown#CF9EFF—
markup.bold.markdown#ffffffbold
meta.separator.markdown, markup.raw.block.markdown, markup.raw.inline.markdown#B5BCDA—
storage.type.class.jsdoc#D390CD—
entity.name.type.instance.jsdoc#BFB0E9—
variable.other.jsdoc#D3D793—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
string#ddd9b8—
keyword#D24242—
entity.name.type#FFA6A6—
entity.name.function#36A7FB—
comment.line.double-slash#AAAAAA—
constant.language.boolean.false, constant.language.boolean.true, constant.language.null#FF6565—
entity.name.tag#FF6565—
entity.other.inherited-class#FFA6A6underline
entity.other.attribute-name#36A7FB—
meta.function-call#FFFFFF—
storage, storage.type#D24242—
support.type#FF6565—
support.function#36A7FB—
variable.parameter#9de3ff—
Merica by Mike Jancar - VS Code Theme