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#1a0d2e
  • activityBar.foreground#FF1493
  • activityBar.inactiveForeground#BA55D3
  • activityBarBadge.background#00FFFF
  • activityBarBadge.foreground#000000
  • button.background#FF1493
  • button.foreground#FFFFFF
  • contrastActiveBorder#00FFFF
  • contrastBorder#FF1493
  • descriptionForeground#E6E6FA
  • editor.background#1a0d2e
  • editor.foreground#FFFFFF
  • editor.lineHighlightBackground#2d1b69
  • editor.lineHighlightBorder#FF1493
  • editor.selectionBackground#FF1493
  • editor.selectionForeground#FFFFFF
  • editorCursor.foreground#00FFFF
  • editorLineNumber.activeForeground#FF1493
  • editorLineNumber.foreground#BA55D3
  • editorWhitespace.foreground#9370DB
  • errorForeground#FF4500
  • focusBorder#FF1493
  • foreground#FFFFFF
  • input.background#2d1b69
  • input.border#FF1493
  • input.foreground#FFFFFF
  • input.placeholderForeground#BA55D3
  • panel.background#1a0d2e
  • panelSectionHeader.background#2d1b69
  • panelTitle.activeForeground#00FFFF
  • panelTitle.inactiveForeground#E6E6FA
  • selection.background#FF1493
  • sideBar.background#1a0d2e
  • sideBar.foreground#E6E6FA
  • statusBar.background#FF1493
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#FF1493
  • tab.activeForeground#FFFFFF
  • tab.inactiveBackground#1a0d2e
  • tab.inactiveForeground#BA55D3
  • terminal.background#1a0d2e
  • terminal.foreground#FFFFFF
  • textLink.foreground#00FFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.type, storage.type, support.type#9370DBitalic
comment#6A5ACDitalic
keyword#FF1493bold
string#00FFFF
constant.numeric#FFD700
support.function#00CED1bold
Dark Theme SOS by Wasted - VS Code Theme