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.

  • activityBar.background#f7f7f7
  • activityBar.foreground#7e7e7e
  • editor.background#ffffff
  • editor.foreground#01d85e
  • editor.lineHighlightBackground#ffffff
  • editor.selectionBackground#ff4d97
  • editorCursor.foreground#ff4d97
  • editorIndentGuide.activeBackground#888888
  • editorIndentGuide.background#f7f7f7
  • editorWhitespace.foreground#3b3a32
  • sideBar.background#f7f7f7
  • sideBar.foreground#7e7e7e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#b897bc
string#7256da
constant.numeric#E46767
variable#ff42bd
keyword#a4d000
entity.name#f25fc2
storage#22c3a8
text.html.derivative, variable.language.this.ts, variable.other.object.ts#333333
variable.parameter.ts#22c33d
storage.type#8866CC
entity.name.function#22C3A8
variable.parameter#22C3A8
entity.name.tag#ff9800
entity.other.attribute-name#22C3A8
support.function#0099FF
support.type, support.class, support.constant#8866CC
invalid#2E1536
invalid.deprecated#F8F8F0
token.info-token#316BCD
token.warn-token#CD9731
token.error-token#CD3131
token.debug-token#800080