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#005f87
  • activityBar.foreground#eeeeee
  • editor.background#eeeeee
  • editor.foreground#444444
  • editor.inactiveSelectionBackground#0087af22
  • editor.lineHighlightBackground#e4e4e4
  • editor.selectionBackground#0087af44
  • editorCursor.foreground#005f87
  • editorLineNumber.activeForeground#af5f00
  • editorLineNumber.foreground#b2b2b2
  • editorSuggestWidget.background#d0d0d0
  • editorSuggestWidget.foreground#444444
  • editorSuggestWidget.selectedBackground#bcbcbc
  • editorWidget.background#d0d0d0
  • sideBar.background#eeeeee
  • sideBar.foreground#444444
  • sideBarSectionHeader.background#d0d0d0
  • statusBar.background#005f87
  • statusBar.foreground#e4e4e4
  • titleBar.activeBackground#eeeeee
  • titleBar.activeForeground#444444

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#878787italic
string, punctuation.definition.string#5f8700
constant.numeric#d75f00
constant.language, constant.character, constant.other#d75f00
keyword, storage.type, storage.modifier#d70087
variable#444444
entity.name.function, support.function#005faf
entity.name.tag, punctuation.definition.tag#005f87
entity.other.attribute-name#d75f00
entity.name.type, entity.name.class, support.type, support.class#005f87
meta.import, punctuation.definition.block#d70000