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#2a2623
  • activityBar.foreground#f7caa4
  • activityBarBadge.background#ff7551
  • activityBarBadge.foreground#0b0a09
  • badge.background#ff7551
  • badge.foreground#0b0a09
  • button.background#f7caa4
  • button.foreground#0b0a09
  • button.hoverBackground#ffddb8
  • dropdown.background#2a2623
  • dropdown.foreground#f7caa4
  • editor.background#0b0a09
  • editor.foreground#f7caa4
  • editor.inactiveSelectionBackground#ffddb820
  • editor.lineHighlightBackground#ff755110
  • editor.selectionBackground#ffddb840
  • editorCursor.foreground#ff7551
  • editorLineNumber.activeForeground#ff7551
  • editorLineNumber.foreground#4e4945
  • editorWidget.background#1c1a18
  • editorWidget.border#ff755140
  • input.background#2a2623
  • input.foreground#f7caa4
  • input.placeholderForeground#c89e80
  • panel.background#1c1a18
  • panel.border#2a2623
  • peekViewEditor.background#1c1a18
  • peekViewEditor.matchHighlightBackground#ffddb820
  • peekViewResult.background#2a2623
  • peekViewResult.selectionBackground#ffddb840
  • peekViewResult.selectionForeground#0b0a09
  • scrollbarSlider.background#2a262370
  • scrollbarSlider.hoverBackground#ff755170
  • sideBar.background#1c1a18
  • sideBar.border#ff755140
  • sideBar.foreground#f7caa4
  • sideBarSectionHeader.background#2a2623
  • sideBarSectionHeader.foreground#ff8c5c
  • statusBar.background#1c1a18
  • statusBar.foreground#f7caa4
  • tab.activeBackground#2a2623
  • tab.activeForeground#ff7551
  • tab.inactiveBackground#1c1a18
  • tab.inactiveForeground#c89e80
  • titleBar.activeBackground#1c1a18
  • titleBar.activeForeground#f7caa4
  • titleBar.inactiveBackground#0b0a09
  • titleBar.inactiveForeground#c89e80

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, documentation#7a6e66italic
string#f7caa4
keyword#c89e80bold
function#ff7551bold
method#ff8c5c
type, class, enum, interface#ffddb8bold
variable#f7caa4
parameter#d6bfa4
constant#ffddb8
number, boolean#ffddb8
punctuation#f7caa4
operator#c89e80
invalid#ff675cunderline
Moss Oracle by Inna Sodri - VS Code Theme