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#007acc
  • editor.background#FFFFFF
  • editor.foreground#000000
  • editor.inactiveSelectionBackground#D3D3D3
  • editor.lineHighlightBackground#F0F0F0
  • editor.selectionBackground#ADD8E6
  • editorCursor.foreground#000000
  • editorIndentGuide.activeBackground#A0A0A0
  • editorIndentGuide.background#D3D3D3
  • editorLineNumber.foreground#2B91AF
  • gitDecoration.addedResourceForeground#008000
  • gitDecoration.conflictingResourceForeground#FF0000
  • gitDecoration.modifiedResourceForeground#0000FF
  • list.activeSelectionForeground#0000FF
  • sideBar.background#F3F3F3
  • statusBar.background#007acc
  • statusBar.foreground#FFFFFF
  • statusBarItem.activeBackground#007acc
  • statusBarItem.hoverBackground#005f9e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control, storage.type, entity.name.tag#0000FFbold
entity.name.type.class#FF8C00bold
entity.name.function, support.type.property-name.css#008000
variable.parameter, entity.name.keyword.java, support.type.property-name.json, storage.modifier#800080bold
constant#FF4500
string.quoted#DAA520
constant.numeric#8A2BE2
comment#808080bold italic
keyword.operator#FF6347
meta.decorator, keyword.control.import.java, keyword.control.package.java#4682B4italic
entity.other.attribute-name#FF8C00
string.quoted.double.html, string.quoted.single.html#008000
comment.block.html, comment.block.xml#808080bold italic