Skip to main content
Coding Theme

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
Orenj by Neil Sabde - VS Code Theme