Skip to main content
Coding Theme

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#014E9E
  • activityBar.foreground#FFFFFF
  • activityBarBadge.background#729723
  • editor.background#1e1e21
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#022952
  • editor.selectionBackground#014E9E
  • editorCursor.foreground#FFFFFF
  • editorWhitespace.foreground#8b949e
  • sideBar.background#303036
  • statusBar.background#729723
  • statusBar.foreground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F8F8F2
comment#75715E
string#FFFFFF
constant.numeric#7EC8C7
constant.language#AE81FF
constant.character, constant.other#AE81FF
variable
keyword#0667CF
storage#0667CF
storage.type#66D9EFitalic
entity.name.class#92C22Eunderline
entity.other.inherited-class#92C22Eitalic underline
entity.name.function#92C22E
variable.parameter#FFFFFFitalic
entity.name.tag#0667CF
entity.other.attribute-name#92C22E
support.function#7EC8C7
support.constant#0667CF
support.type, support.class#66D9EFitalic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
Atem by Guilherme Zordan - VS Code Theme