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#fdfdfd
  • editor.findMatchBackground#5f7e9779
  • editor.findMatchHighlightBackground#1085bb5d
  • editor.foreground#999999
  • editor.hoverHighlightBackground#7e57c25a
  • editor.inactiveSelectionBackground#add6ff4d
  • editor.lineHighlightBackground#add6ff26
  • editor.selectionBackground#add6ff4d
  • editor.selectionHighlightBackground#add6ff4d
  • editor.wordHighlightBackground#32374D
  • editor.wordHighlightStrongBackground#2E3250
  • editorLineNumber.activeForeground#999999
  • editorLineNumber.foreground#d5d5d5

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.other.importantbold
meta.property-name, support.type.property-name#AB6526
meta.property-value constant.other, meta.property-value, support.constant.property-value#448C27
entity.name.tag.css, meta.selector entity punctuation, meta.selector entity, meta.selector#7A3E9D
entity.name.type, entity.other.inherited-class, support.class#ffaa00
comment, punctuation.definition.comment#bbbbbb
comment.block.documentation, comment.documentation#448C27
comment.block.preprocessor#bbbbbb
entity.name.exception#660000
meta.diff.header.from-file#434343
meta.diff.index, meta.diff.range, meta.separator#434343
meta.diff.header.to-file#434343
entity.name.function, support.function#ffaa00
entity.other.attribute-name.html, meta.tag entity.other.attribute-name#33aaee
meta.tag.sgml punctuation.definition.tag.html, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml.doctype string, meta.tag.sgml.doctype#AAAAAA
constant.character.entity, punctuation.definition.entity#AB6526
entity.name.tag#4B83CD
meta.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html#999999
invalid.illegal#660000
keyword, storage#0099ff
constant.language, support.constant, variable.language#ff8866
markup.inline.raw#AB6526
markup.list#4B83CD
markup.quote#7A3E9D
markup.bold, markup.italic#448C27
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.heading#AA3731
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.boldbold
markup.traceback#660000
markup.underlineunderline
punctuation.definition.list, punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments#999999
constant, constant.character, constant.numeric#ff8866
keyword.operator#777777
punctuation.definition.parameters#999999
punctuation.definition.string#8855ff
punctuation#999999
entity.name.section
string#8855ff
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
storage.type, support.type#00bbcc
support.variable, variable#666666