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.background#716799
  • editor.background#5A5475
  • editor.foreground#F8F8F2
  • editor.lineHighlightBackground#716799
  • editor.selectionBackground#716799
  • editorCursor.foreground#F8F8F0
  • editorLineNumber.activeForeground#F92672
  • editorLineNumber.foreground#F9267275
  • editorWhitespace.foreground#F9267250
  • menu.background#0076D6
  • sideBar.background#716799
  • sideBar.foreground#F8F8F2
  • sideBarSectionHeader.background#716799
  • tab.inactiveBackground#716799
  • titleBar.activeBackground#0076D6
  • titleBar.inactiveBackground#716799

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#F8F8F2bold
string#E6C000
constant.numeric#C2FFDF
constant.language#C2FFDF
constant.character, constant.other#C2FFDF
variable#C2FFDF
keyword#FFF352
storage#C2FFDF
storage.type#C5A3FFitalic
entity.name.class#C2FFDFunderline
entity.other.inherited-class#C2FFDFitalic underline
entity.name.function#FFF352
variable.parameter#E6C000italic
entity.name.tag#C2FFDF
entity.other.attribute-name#C5A3FF
support.function#FFF352
support.constant#C2FFDF
support.type, support.class#C2FFDFitalic
support.other.variable#C2FFDF
invalid#F92672
invalid.deprecated#F92672
punctuation.definition.tag#C2FFDF
periwinkle by shwilliam - VS Code Theme