Skip to main content
CodingTheme

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#ffffff
  • editor.findMatchBackground#0078d7
  • editor.findMatchHighlightBackground#ffe600af
  • editor.findRangeHighlightBackground#88888841
  • editor.foldBackground#0c66ee25
  • editor.foreground#454749
  • editor.inactiveSelectionBackground#0c66ee73
  • editor.lineHighlightBorder#ececec
  • editor.selectionBackground#0078d7
  • editor.selectionForeground#ffffff
  • editor.selectionHighlightBackground#ececec
  • editor.selectionHighlightBorder#ececec
  • editorLineNumber.activeForeground#454749
  • editorLineNumber.foreground#AAAAAA
  • panel.background#aaaaaa1c
  • panel.border#AAAAAA
  • sideBar.background#ffffff
  • sideBar.border#AAAAAA
  • tab.border#AAAAAA
  • terminal.background#dedede
  • terminal.foreground#454749
  • titleBar.border#AAAAAA

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#00801fitalic
comment.block.preprocessor#000080
comment.documentation, comment.block.documentation#000080
storage.type.class.doxygen#0000ff
invalid.illegal#660000
keyword.operator#00677c
keyword.operator.cast#808000
keyword.control.directive, entity.name.function.preprocessor#000080
keyword, storage#808000
entity.name.other.preprocessor.macro#20208cbold
storage.type#808000
storage.type.built-in.primitive#808000
support.type#8d268f
constant.language, support.constant, variable.language#092e64
variable#800000
variable.other.property.static#8D268F
variable.other.local#092e64
variable.other.global#ce5c00
variable.parameter#092e64
variable.other.object.access#092e64
entity.name.function.definition, support.function#00677cbold
entity.name.function.call#00677c
entity.name.function.member#00677c
entity.name.scope-resolution#8d268f
support.class, meta.block#8d268f
entity.name.type.parameter#8d268f
entity.name.type.class#8d268f
meta.parens#092e64
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#000080
string#008000
constant.character.escape#aaaaaadabold
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation#777777
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#91B3E0
entity.name.tag#4B83CD
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#91B3E0italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7A3E9D
meta.property-name, support.type.property-name#AB6526
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...