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.

  • activeLinkForeground#0096c8
  • background#faf7f4
  • button.background#71bdf2
  • button.foreground#484a53
  • button.secondaryBackground#484a53
  • button.secondaryBoreground#71bdf2
  • caret#e35c93
  • currentFindMatchHighlight#9297aa
  • editor.background#faf7f4
  • editor.foldBackground#e5dcca4d
  • editor.foreground#886624
  • editor.selectionBackground#e5dcca
  • findMatchHighlight#eaca8d
  • findRangeHighlight#818696
  • foreground#886624
  • gotoDefinitionLinkForeground#0096c8
  • guide#dde5ff
  • hoverHighlight#00a7c0
  • inactiveSelection#fbfbfb
  • input.background#faf7f4
  • input.border#484a534C
  • input.foreground#886624
  • invisibles#773e22
  • lineHighlight#616571
  • panel.background#faf7f4
  • rangeHighlight#eaca8d
  • referenceHighlight#cd9500
  • selection#e5dcca
  • selectionHighlight#616571
  • sideBar.background#faf7f4
  • sideBar.border#f0eeeb
  • statusBar.background#faf7f4
  • statusBar.border#484a53
  • statusBar.debuggingBackground#fbfbfb
  • statusBar.debuggingForeground#886624
  • statusBar.foreground#886624
  • statusBar.noFolderBackground#fbfbfb
  • statusBarItem.activeBackground#faf7f4
  • statusBarItem.hoverBackground#fbfbfb
  • statusBarItem.prominentBackground#faf7f4
  • statusBarItem.prominentHoverBackground#fbfbfb
  • wordHighlight#676b78
  • wordHighlightStrong#0096c8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5C6370
string#886624
constant.numeric#eaca8d
constant.language#65c1cd
constant.character, constant.other#65c1cd
variable#e78287
keyword#eb6d5a
storage#eb6d5a
storage.type#eb6d5a
entity.name.class#eaca8d
entity.other.inherited-class#886624italic underline
entity.name.function#676b78
variable.parameter#eaca8ditalic
entity.name.tag#e78287
entity.other.attribute-name#eaca8d
support.function#65c1cd
support.constant#eaca8d
entity.other.attribute-name#c8a35a
support.type, support.class#c8a35aitalic
support.other.variable#886624
invalid#ff8f95
invalid.deprecated#484a53
markup.quote#eaca8d
markup.bold#eaca8dbold
markup.italic#eaca8ditalic
markup.inline.raw#886624
markup.heading.setext#d190e3
Firewatch Light Theme by tbremer - VS Code Theme