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#332b30
  • activityBarBadge.background#E74792
  • editor.background#251f22
  • editor.findMatchBackground#572138
  • editor.findMatchHighlightBackground#5a3d4a
  • editor.foreground#FAF9F0
  • editor.lineHighlightBackground#2e272a
  • editor.selectionBackground#473a40
  • editorCursor.foreground#FAF9F0
  • editorError.foreground#DD1A45
  • editorGroupHeader.tabsBackground#2c2529
  • editorLineNumber.activeForeground#c7acb8
  • editorLineNumber.foreground#584a51
  • editorWhitespace.foreground#4e4147
  • list.activeSelectionBackground#3f2b34
  • list.hoverBackground#3d3037
  • list.inactiveSelectionBackground#3f2b34
  • sideBar.background#2c2529
  • sideBar.dropBackground#1db3dd57
  • sideBarSectionHeader.background#3a3237
  • statusBar.background#3a3237
  • tab.activeBackground#251f22
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#332b30
  • titleBar.activeBackground#3a3237

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#FAF9F0
comment#695497 italic
string#1DB3DD
constant.numeric#E97541
constant.language#E97541
constant.character, constant.other#E97541
variable#FBBA63
keyword#E74792
storage#E74792
storage.type#ED728B italic
entity.name.class#FED53A italic
entity.other.inherited-class#E97541italic
entity.name.function#FED53A italic
variable.parameter#1DB3DDitalic
entity.name.tag#E74792
entity.other.attribute-name#FED53A
support.function#ED728B
support.constant#ED728B
support.type, support.class#E74792
support.other.variable#E97541
invalid#F8F8F0 italic
invalid.deprecated#F8F8F0
stony-stream by Katie ✨ - VS Code Theme