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.

  • editor.background#0d1117
  • editor.findMatchBackground#515c6a
  • editor.findMatchHighlightBackground#ea5c0055
  • editor.foreground#e6edf3
  • editor.selectionBackground#264f78
  • editor.selectionHighlightBackground#add6ff26
  • editorBracketMatch.background#0e639c50
  • editorBracketMatch.border#7d8590
  • editorCursor.foreground#f0f6fc
  • editorGutter.addedBackground#238636
  • editorGutter.background#0d1117
  • editorGutter.deletedBackground#da3633
  • editorGutter.modifiedBackground#9a6700
  • editorIndentGuide.activeBackground#30363d
  • editorIndentGuide.background#21262d
  • editorLineNumber.activeForeground#f0f6fc
  • editorLineNumber.foreground#7d8590
  • editorWhitespace.foreground#30363d

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.control.http.method.get#3fb950bold
keyword.control.http.method.post#00FFFFbold
keyword.control.http.method.put#fb8500bold
keyword.control.http.method.delete#FF0000bold
keyword.control.http.method.patch#a5a5a5bold
keyword.control.http.method.other#7c3aedbold
string.quoted.double.http.url#58a6ffunderline
string.quoted.double.http.endpoint#f0f6fc
constant.language.http.version#8b949eitalic
constant.numeric.http.status.1xx#58a6ffbold
constant.numeric.http.status.2xx#3fb950bold
constant.numeric.http.status.3xx#fb8500bold
constant.numeric.http.status.4xx#f85149bold
constant.numeric.http.status.5xx#da3633bold
entity.name.tag.http.header#ffa657bold
comment.line.http#7d8590italic
variable.other.http#f47067bold
keyword.other.http.field#FF69B4bold
keyword.other.http.query-params#FFD700bold
keyword.other.http.status-codes#FFD700bold
HTTP Theme Fresh by Zachary Wolfe - VS Code Theme