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#000000
  • activityBar.foreground#F8F8FF
  • activityBarBadge.background#FF007F
  • editor.background#6A0D3B
  • editor.foreground#F8F8FF
  • editor.lineHighlightBackground#83004388
  • editor.selectionBackground#FF007F55
  • editorCursor.foreground#FF007F
  • editorLineNumber.activeForeground#FF99CC
  • editorLineNumber.foreground#FF99CC80
  • sideBar.background#000000
  • sideBar.foreground#F8F8FF
  • sideBarTitle.foreground#2BFFF0
  • statusBar.background#000000
  • statusBar.foreground#F8F8FF
  • tab.activeBackground#6A0D3B
  • tab.activeForeground#F8F8FF
  • tab.inactiveBackground#000000
  • tab.inactiveForeground#830043
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#F8F8FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4DEEEAitalic
string, constant.other.symbol#FFE6FA—
keyword, storage.type, storage.modifier#FF007Fbold
entity.name.function, support.function#2BFFF0bold
variable#F8F8FF—
constant.numeric, constant.language#FF66A8—
entity.name.type, support.class#7DFFF9—
entity.other.attribute-name#FF80BF—
entity.name.tag#FF007F—
invalid#FF3355—
markup.heading, markup.heading entity.name#2BFFF0bold