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.activeBorder#E7E8EA
  • activityBar.background#1d191a
  • activityBar.foreground#E7E8EA
  • activityBar.inactiveForeground#6e7681
  • activityBarBadge.background#1d191a
  • editor.background#1d191a
  • editor.foldBackground#1d191a
  • editor.inactiveSelectionBackground#2e343d
  • editor.lineHighlightBackground#2e2c2d
  • editor.selectionBackground#3a475a
  • editorLineNumber.foreground#6e7681
  • editorRuler.foreground#2a2d31
  • foreground#E7E8EA
  • gitDecoration.ignoredResourceForeground#4b5058
  • list.activeSelectionBackground#41474a
  • list.activeSelectionForeground#E7E8EA
  • list.focusBackground#2e2c2d
  • list.focusOutline#3d444e
  • list.hoverBackground#2e2c2d
  • list.hoverForeground#a7a8aA
  • list.inactiveSelectionBackground#2e2c2d
  • list.inactiveSelectionForeground#E7E8EA
  • sideBar.background#1d191a
  • sideBar.foreground#7a828e
  • sideBarSectionHeader.background#1d191a
  • sideBarSectionHeader.foreground#A3ABB5
  • statusBar.background#1d191a
  • statusBar.foreground#6e7681
  • statusBarItem.activeBackground#191517
  • statusBarItem.hoverBackground#1d191a
  • tab.activeBackground#1d191a
  • tab.activeForeground#E7E8EA
  • tab.inactiveBackground#2e2c2d
  • tab.inactiveForeground#6e7681
  • titleBar.activeBackground#1d191a
  • titleBar.inactiveBackground#1d191a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e7681italic
variable, constant.other.color, string constant.other.placeholder, constant.language, keyword.operator.assignment, keyword.operator.optional, keyword.operator.spread, meta.diff.range#E7E8EA
keyword#e7809c
storage#549bb1
string#7fac82italic
entity.name.type, support.type#dfaf79
meta.object.member, entity.other.attribute-name, variable.parameter#99b1b1
entity.name.function#d4c79a
variable.language.this#a5a59b
meta.definition.variable, punctuation.definition.tag, entity.name#66c9a3
markup.deleted.diff#d64343
markup.inserted.diff#60bb66