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.foreground#ff8800
  • activityBarBadge.background#ffae00
  • button.background#ff8800
  • dropdown.background#ff8800
  • dropdown.border#ff0000
  • editor.background#dad7d505
  • editor.foreground#F8F8F2
  • editor.lineHighlightBackground#3E3D32
  • editor.selectionBackground#49483E
  • editorCursor.foreground#F8F8F0
  • editorGroupHeader.border#ff8800
  • editorWhitespace.foreground#3B3A32
  • focusBorder#ff8800
  • foreground#fcfcfc
  • input.background#272822
  • list.hoverBackground#ff6600
  • minimap.background#5250503d
  • selection.background#30312d
  • sideBar.background#dad7d50c
  • statusBar.background#ff6600
  • statusBar.noFolderBackground#ff6600
  • tab.activeForeground#ff8800
  • textLink.foreground#ff8800
  • window.activeBorder#ff8800

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ff8800
comment#C0C0C0
string#ffcccb
constant.numeric#ff8800
constant.language#FFD700
constant.character, constant.other#ff8800
variable#FF6347
keyword#87ceeb
storage#ff8800
storage.type#ff8800italic
entity.name.class#F8F8F2underline
entity.other.inherited-class#ff8800italic underline
entity.name.function#90EE90
variable.parameter#ff8800italic
entity.name.tag#ff8800
entity.other.attribute-name#ff8800
support.function#ff8800
support.constant#ff8800
support.type, support.class#ff8800italic
support.other.variable
invalid#ff8800
invalid.deprecated#ff8800