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.

  • activityBar.background#092421
  • activityBar.foreground#e7fcf9
  • activityBar.inactiveForeground#51f5e7bb
  • activityBarBadge.background#04b8c5d3
  • activityBarBadge.foreground#51f5e7bb
  • editor.background#ffffff
  • editor.findMatchBackground#38e48b55
  • editor.findMatchHighlightBackground#ddaffda1
  • editor.foreground#000000
  • editor.selectionBackground#e2bbfd89
  • editor.selectionHighlightBackground#9c9eff80
  • editorLineNumber.activeForeground#f265ffd5
  • editorLineNumber.foreground#03758fbb
  • list.activeSelectionBackground#0395a0d3
  • list.activeSelectionForeground#ffffffd3
  • list.activeSelectionIconForeground#fff
  • list.hoverBackground#7adae081
  • list.inactiveSelectionBackground#7adae081
  • list.inactiveSelectionForeground#118379da
  • menu.selectionBackground#04a6ace8
  • sideBar.background#eafaf8
  • sideBar.foreground#11443e
  • sideBarTitle.foreground#0395a0d3
  • statusBar.background#04a6ace8
  • titleBar.activeBackground#e7fcf9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#00ac9ditalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27
invalid.illegal#660000
keyword.operator#000000
keyword, storage#ee5eee
storage.type, support.type#7A3E9D
constant#fffb26
constant.language, support.constant, variable.language#000000
variable, support.variable#630d94
entity.name.function, support.function#d524dbbold
entity.name.type, entity.other.inherited-class, support.class#7A3E9Dbold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#441bb8
string#1b4df0
string.unquoted#48d2eb
string.quoted, variable.other.readwrite.js#1e4fee
constant.character.escape#777777
string.regexp#e41822
constant.other.symbol#d3d605
punctuation#000000
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#278c76
markup.inline.raw#6048a3
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343