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.

  • activityBarBadge.background#ff7edb
  • editor.background#1a1b26
  • editor.foreground#d4d4d4
  • editor.lineHighlightBackground#28293d
  • editor.selectionBackground#515c7e
  • editorCursor.foreground#ff7edb
  • list.activeSelectionBackground#313244
  • list.hoverBackground#292e42
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1a1b26
  • statusBar.debuggingBackground#ff7edb
  • statusBar.noFolderBackground#1a1b26
  • terminal.background#1a1b26
  • terminal.foreground#d4d4d4
  • titleBar.activeBackground#1a1b26

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#636b6f
string, string.quoted.double.json#7ee787
keyword, storage.type, storage.modifier#ff7edb
entity.name.function, support.function#82aaff
variable, variable.other.object#ffd700
entity.name.type, entity.other.inherited-class#ff9e64
constant.numeric#ff9e64
constant.language, constant.character#bb9af7
entity.name.tag, punctuation.definition.tag#7aa2f7
entity.other.attribute-name#ff7edb