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#2d2d2d
  • badge.background#d3869b
  • editor.background#2d2d2d
  • editor.foreground#cccccc
  • editor.lineHighlightBackground#393939
  • editor.selectionBackground#515151
  • editorCursor.foreground#cccccc
  • editorError.foreground#f2777a
  • editorGutter.background#2d2d2d
  • editorIndentGuide.background1#515151
  • editorInfo.foreground#66cccc
  • editorLineNumber.foreground#515151
  • editorWarning.foreground#f99157
  • editorWhitespace.foreground#515151
  • notificationCenterHeader.background#393939
  • panel.background#2d2d2d
  • panel.border#515151
  • scrollbarSlider.background#51515150
  • sideBar.background#2d2d2d
  • sideBar.foreground#cccccc
  • statusBar.background#2d2d2d
  • statusBar.foreground#cccccc
  • tab.activeBackground#393939
  • tab.activeForeground#cccccc
  • tab.inactiveBackground#2d2d2d
  • tab.inactiveForeground#747369
  • titleBar.activeBackground#2d2d2d
  • titleBar.activeForeground#cccccc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#747369italic
string#99cc99
constant.numeric#f99157
keyword#cc99cc
storage#cc99cc
entity.name.function#ffcc66
entity.name.type.class#ffcc66
variable.parameter#f99157
support.function#66cccc
constant.language#f99157
invalid#f2777a
Presto at Midnight by eric-cavanna - VS Code Theme