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.

  • 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
Compact Theme by Tom Juliux - VS Code Theme