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.

  • activityBarBadge.background#007acc
  • editor.background#dadada
  • editor.foreground#395063
  • editor.lineHighlightBackground#e6e6e6
  • editor.selectionBackground#80ff80
  • editorCursor.foreground#395063
  • editorWhitespace.foreground#395063

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#395063
comment#8d8e8f italic
string#f78000
constant.numeric#f78000
constant.language#326ac8
constant.character, constant.other#00912c
variable
keyword#29a3a3
storage#4db3b1
storage.type#4db3b1
entity.name.class#3264af
entity.other.inherited-class#3264af
entity.name.function#3264af
variable.parameter#253440
entity.name.tag#3193c6
entity.other.attribute-name#a15ebb
support.function#326ac8
support.constant#326ac8
support.type, support.class#326ac8
support.other.variable#326ac8
invalid#cd4e38bold
invalid.deprecated#a15ebb bold