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#2D2A2E
  • editor.background#2D2A2E
  • editor.findMatchBackground#F92672
  • editor.findMatchHighlightBackground#F9267280
  • editor.foreground#F8F8F2
  • editor.inactiveSelectionBackground#49483E80
  • editor.selectionBackground#49483E
  • editorGutter.background#2D2A2E
  • editorLineNumber.activeForeground#F8F8F2
  • editorLineNumber.foreground#75715E
  • list.activeSelectionBackground#49483E
  • list.activeSelectionForeground#F8F8F2
  • list.hoverBackground#49483E
  • list.inactiveSelectionBackground#49483E
  • sideBar.background#2D2A2E
  • sideBarTitle.foreground#F8F8F2
  • statusBar.background#4A4545
  • statusBar.foreground#F8F8F2
  • tab.activeBackground#2D2A2E
  • tab.activeForeground#F8F8F2
  • tab.inactiveBackground#2D2A2E
  • tab.inactiveForeground#75715E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword#F92672
keyword.control#F92672
storage#F92672
string#E6DB74
string.quoted#E6DB74
comment#75715Eitalic
comment.line#75715E
comment.block#75715E
constant.numeric#AE81FF
constant.language#66D9EF
variable#F8F8F2
variable.other#F8F8F2
entity.name.function#A6E22E
entity.name.class#A6E22E
entity.name.type#A6E22E
support.function#A6E22E
support.type#A6E22E