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