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#070910
  • activityBar.foreground#ffffff
  • activityBarBadge.background#82aaff
  • editor.background#000000
  • editor.foreground#d6deeb
  • editor.lineHighlightBackground#ffffff12
  • editor.selectionBackground#82aaff44
  • editorBracketMatch.background#82aaff33
  • editorBracketMatch.border#82aaff
  • editorCursor.foreground#ffcc66
  • editorHoverWidget.background#111827
  • editorHoverWidget.border#82aaff55
  • editorIndentGuide.activeBackground#82aaff66
  • editorIndentGuide.background#ffffff10
  • sideBar.background#1a1a1a
  • sideBar.foreground#a9b1d6
  • sideBarTitle.foreground#ffffff
  • statusBar.background#070910
  • statusBar.foreground#d6deeb
  • tab.activeBackground#0b0f17
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#0a0d14
  • tab.inactiveForeground#6c7393
  • titleBar.activeBackground#070910
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5f6b99italic
keyword, storage.type#bb9af7
string#9ece6a
entity.name.function, support.function, variable.function#7aa2f7
variable#e0e6ff
constant.numeric, constant.language#ff9e64
entity.name.type, support.class, support.type#e0af68
entity.name.tag#f7768e
entity.other.attribute-name#c099ff
my-theme2006 by Sarthak Gupta - VS Code Theme