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#EADFCC
  • activityBar.foreground#4A3C2E
  • badge.background#C1995B
  • badge.foreground#FDF8EE
  • contrastBorder#00000000
  • editor.background#F5F0E6
  • editor.foreground#3A2E23
  • editor.inactiveSelectionBackground#E3D7C4
  • editor.lineHighlightBackground#EDE3D2
  • editor.selectionBackground#D9CBB4
  • editorCursor.foreground#5C4633
  • editorLineNumber.activeForeground#7D6A52
  • editorLineNumber.foreground#B6A58C
  • minimap.background#F5F0E6
  • panel.background#F5F0E6
  • panel.border#D1C1AA
  • sideBar.background#F3EDE2
  • sideBar.foreground#4A3C2E
  • statusBar.background#E3D7C4
  • statusBar.foreground#4A3C2E
  • tab.activeBackground#F5F0E6
  • tab.activeForeground#3A2E23
  • tab.inactiveBackground#EADFCC
  • tab.inactiveForeground#8D7A64
  • titleBar.activeBackground#EADFCC
  • titleBar.activeForeground#4A3C2E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage#854D2Cbold
string#7A5136
variable, parameter#3A2E23
constant.numeric#A86434
entity.name.function#6C3F2C
entity.name.type, support.type#925F3C
comment#9E9386italic
punctuation, delimiter#4A3C2E
meta.diff.header#6C3F2Cbold
markup.inserted#3A6B3A
markup.deleted#9A3A3A
Paper Notebook Light by kpab - VS Code Theme