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#2d3748
  • editor.foreground#e2e8f0
  • editor.selectionBackground#4a5568
  • editorCursor.foreground#e2e8f0
  • editorIndentGuide.background#4a5568
  • editorLineNumber.foreground#a0aec0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, comment.line, comment.block, comment.line.double-slash, comment.block.documentation#a0aec0italic
keyword, keyword.control, keyword.other#9ae6b4
entity.other.attribute-name, meta.annotation#D7BAFF
string#fbd38d
constant.numeric, constant.language.numeric#fca5a5
entity.name.class, support.class, support.type#faf089
variable, variable.other, variable.other.object, variable.other.property, variable.parameter, meta.method-call, meta.property-access, entity.name.function, support.function, support.variable, punctuation.accessor#e2e8f0
markup.heading, markup.heading.markdown, entity.name.section.markdown#faf089bold
punctuation.definition.heading.markdown, punctuation.definition.list.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.blockquote.markdown, meta.separator.markdown#a0aec0
markup.bold, markup.bold.markdownbold
markup.italic, markup.italic.markdownitalic
markup.bold.markdown markup.italic.markdownbold italic
markup.list, markup.list.unnumbered, markup.list.numbered, beginning.punctuation.definition.list.markdown#9ae6b4
markup.quote, markup.quote.markdown#a0aec0italic
markup.inline.raw, markup.raw.inline, markup.fenced_code.block, markup.raw.block, fenced_code.block.language#fbd38d
markup.underline.link, markup.underline.link.markdown, string.other.link.description.title, constant.other.reference.link#D7BAFFunderline
string.other.link.title.markdown#fca5a5
storage.type, storage.modifier#9ae6b4
entity.name.tag, entity.name.tag.html, support.class.component#faf089
punctuation.definition.tag, punctuation.separator.key-value, meta.tag.html#a0aec0
support.type.property-name.css, support.type.property-name, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css#D7BAFF
support.constant.property-value.css, support.constant.font-name, constant.other.color.rgb-value.css, constant.other.color#fca5a5
Spock VSCode Theme by CaboLabs Health Informatics - VS Code Theme