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#282c34
  • editor.foreground#abb2bf
  • editor.selectionBackground#253340
  • editorBracketHighlight.foreground1#abb2bf
  • editorBracketHighlight.foreground2#abb2bf
  • editorBracketHighlight.foreground3#abb2bf
  • editorBracketHighlight.foreground4#abb2bf
  • editorBracketHighlight.foreground5#abb2bf
  • editorBracketHighlight.foreground6#abb2bf
  • editorBracketMatch.border#d0d020
  • foreground#abb2bf
  • input.background#282c34
  • input.border#515c664c
  • input.foreground#abb2bf
  • panel.background#282c34
  • sideBar.background#282c34
  • statusBar.background#d3652c
  • statusBar.border#1d242c
  • statusBar.debuggingBackground#14191f
  • statusBar.debuggingForeground#515c66
  • statusBar.foreground#ffffff
  • statusBar.noFolderBackground#14191f
  • statusBarItem.activeBackground#1d242c
  • statusBarItem.hoverBackground#191f26
  • statusBarItem.prominentBackground#1d242c
  • statusBarItem.prominentHoverBackground#191f26
  • tab.inactiveBackground#252526

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5C6370
string#C8AE9D
constant.numeric#D19A66
constant.language#56B6C2
constant.character, constant.other#56B6C2
variable#ABB2BF
keyword#DD672C
storage#DD672C
storage.type#DD672C
entity.name.class#E5C07B
entity.other.inherited-class#C8AE9Ditalic underline
entity.name.function#EBEBFF
variable.parameter#ABB2BF
entity.name.tag#E06C75
entity.other.attribute-name#D19A66
support.function#56B6C2
support.constant#D19A66
support.type, support.class#E5C07B
support.other.variable#ABB2BF
invalid#FFFFFF
invalid.deprecated#F8F8F0
markup.quote#D19A66
markup.bold#D19A66bold
markup.italic#D19A66italic
markup.inline.raw#C8AE9D
markup.heading.setext#E06C75
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
entity.name.function.preprocessor#E06C75underline
variable.other.property, variable.other.property.static#f0a27a
Material Firewatch Theme by Marc Izquierdo - VS Code Theme