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#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