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.foreground#000000
  • editor.inactiveSelectionBackground#D4D4D4
  • editor.lineHighlightBackground#EDEDED
  • editor.selectionBackground#B5D5FF
  • editorCursor.foreground#000000
  • editorWhitespace.foreground#E0E0E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#000000
comment, comment punctuation#ADADAD
comment.block.preprocessor#ADADAD
comment.documentation, comment.block.documentation#BC670F
invalid.deprecateditalic underline
invalid.illegal#000000
keyword.operator#626FC9
keyword, storage#61862F
storage.type, support.type#6700B9
constant.language, support.constant, variable.language#7653C1
variable, support.variable#4C8FC7
variable punctuation#4C8FC7
entity.name.function, support.function, entity#61862F
entity.name.type, entity.other.inherited-class, support.class#3A1D72
entity.name.exception#F93232
entity.name.section
constant.numeric, constant#7653C1
punctuation#000000
constant.character, string#BC670F
string punctuation#E69A4C
constant.character.escapebold
string.regexp#699D36
constant.other.symbolbold
string source, text source#434343
-----------------------------------
meta.tag.sgml.doctype#7F7F7F
entity.name.tag#2F6F9F
meta.tag string punctuation#5FAFEF
punctuation.definition.tag#4F9FCF
constant.character.entity#000000
entity.other.attribute-name#4F9FCF
meta.tag string.quoted, meta.tag string.quoted constant.character.entity#D44950
-----------------------------------
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#3A77BF
meta.property-name, support.type.property-name#D4430D
meta.property-value constant.numeric, meta.property-value constant, meta.property-value keyword#43A202
-----------------------------------
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#F9F2CE
markup.inserted#000000
markup.output, markup.raw#7F7F7F
markup.prompt#555555
markup.headingbold
markup.boldbold
markup.traceback#F93232
markup.underlineunderline
-----------------------------------
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...