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#F1EDED
  • editor.foldBackground#ece7e700
  • editor.foreground#504944
  • editor.lineHighlightBackground#EAE4E4
  • editor.selectionBackground#D7D6F1
  • editorCursor.foreground#504944
  • editorIndentGuide.background1#DFD5D5
  • editorLineNumber.activeForeground#504944
  • editorLineNumber.foreground#504944
  • editorRuler.foreground#504944
  • editorWhitespace.foreground#ECE7E7
  • statusBar.background#F1EDED
  • statusBar.foreground#504944

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4B4440italic
constant, constant.numeric#504944bold
string, string.quoted#504944
variable, variable.parameter#504944bold
entity.name.function#504944bold underline
keyword, keyword.control, keyword.operator#504944bold
storage.type#504944bold
support.type, support.class#504944bold
entity.name.type#504944
meta.function-call, variable.function#504944italic
invalid#A50303bold
markup.underline, variable.other#504944underline
meta.diff#38551E
meta.diff.header#504944bold
constant.language, constant.character#504944
markup.inserted#38551E
markup.changed#554717
markup.deleted#A50303
markup.punctuation#1E5571
yui by TackVector - VS Code Theme