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#5f8787
  • activityBar.foreground#1c1c1c
  • editor.background#1c1c1c
  • editor.foreground#d0d0d0
  • editor.inactiveSelectionBackground#8787af22
  • editor.lineHighlightBackground#303030
  • editor.selectionBackground#8787af44
  • editorCursor.foreground#c6c6c6
  • editorLineNumber.activeForeground#ffff00
  • editorLineNumber.foreground#585858
  • editorSuggestWidget.background#303030
  • editorSuggestWidget.foreground#c6c6c6
  • editorSuggestWidget.selectedBackground#4e4e4e
  • editorWidget.background#303030
  • sideBar.background#1c1c1c
  • sideBar.foreground#d0d0d0
  • sideBarSectionHeader.background#303030
  • statusBar.background#5f8787
  • statusBar.foreground#1c1c1c
  • titleBar.activeBackground#1c1c1c
  • titleBar.activeForeground#d0d0d0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#808080italic
string, punctuation.definition.string#d7af5f
constant.numeric#ff5faf
constant.language, constant.character, constant.other#ff5faf
keyword, storage.type, storage.modifier#afd700
variable#d0d0d0
entity.name.function, support.function#00afaf
entity.name.tag, punctuation.definition.tag#ffaf00
entity.other.attribute-name#ff5faf
entity.name.type, entity.name.class, support.type, support.class#5fafd7
meta.import, punctuation.definition.block#5faf5f