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#292B38
  • activityBar.foreground#D0D0D0
  • activityBarBadge.background#FF5370
  • activityBarBadge.foreground#ffffff
  • badge.background#82AAFF
  • badge.foreground#ffffff
  • button.background#7FDBCA
  • button.foreground#000000
  • button.hoverBackground#9EE7DE
  • dropdown.background#2B2C37
  • dropdown.foreground#FFFFFF
  • editor.background#1E1F29
  • editor.foreground#E0E0E0
  • editor.lineHighlightBackground#2A2C37
  • editor.selectionBackground#3E4451
  • editorCursor.foreground#FFCB6B
  • editorLineNumber.activeForeground#C792EA
  • editorLineNumber.foreground#5C6370
  • input.background#2B2C37
  • input.foreground#E0E0E0
  • input.placeholderForeground#888888
  • panel.background#1E1F29
  • panel.border#3E4451
  • sideBar.background#22232E
  • sideBar.foreground#BBBBBB
  • sideBarSectionHeader.background#1E1F29
  • sideBarSectionHeader.foreground#FFD580
  • sideBarTitle.foreground#AABBC0
  • statusBar.background#1B1D26
  • statusBar.debuggingBackground#D43E5C
  • statusBar.debuggingForeground#FFFFFF
  • statusBar.foreground#A6ACCD
  • tab.activeBackground#1E1F29
  • tab.activeForeground#FFCB6B
  • tab.border#1E1F29
  • tab.inactiveBackground#2B2C37
  • tab.inactiveForeground#777C85
  • titleBar.activeBackground#20212B
  • titleBar.activeForeground#D0D0D0
  • titleBar.inactiveBackground#1A1B23
  • titleBar.inactiveForeground#888888

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#546E7Aitalic
keyword, storage, keyword.control#C792EAbold
string#E5C07B
entity.name.function, support.function, meta.function-call, variable.function#82AAFF
variable, meta.definition.variable#F07178
constant, constant.numeric, constant.language#F78C6C
keyword.operator, punctuation.separator#89DDFF
entity.name.type, support.class, meta.class#FFCB6B
variable.other.property, support.variable.property#DECB6B
entity.name.tag, markup.*#F07178
meta.decorator, meta.annotation#FFD580
invalid, invalid.illegal#FFFFFF
vinay-dark-theme by Vinay Kumar - VS Code Theme