Skip to main content
CodingTheme

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#4E94CE
  • background#000000
  • caret#528BFF
  • currentFindMatchHighlight#515C6A
  • editor.background#000000
  • editor.foreground#ABB2BF
  • editor.selectionBackground#253340
  • findMatchHighlight#6b5b4e
  • findRangeHighlight#3A3D41
  • foreground#ABB2BF
  • gotoDefinitionLinkForeground#4E94CE
  • guide#002040
  • hoverHighlight#264F78
  • inactiveSelection#3a3a3a
  • input.background#000000
  • input.border#515c664C
  • input.foreground#ABB2BF
  • invisibles#773e22
  • lineHighlight#3c3f47
  • panel.background#000000
  • rangeHighlight#944c04
  • referenceHighlight#FF8F00
  • selection#000000
  • selectionHighlight#4c525d
  • sideBar.background#000000
  • statusBar.background#d3652c
  • statusBar.border#1d242c
  • statusBar.debuggingBackground#14191f
  • statusBar.debuggingForeground#515c66
  • statusBar.foreground#fff
  • statusBar.noFolderBackground#14191f
  • statusBarItem.activeBackground#1d242c
  • statusBarItem.hoverBackground#191f26
  • statusBarItem.prominentBackground#1d242c
  • statusBarItem.prominentHoverBackground#191f26
  • wordHighlight#575757
  • wordHighlightStrong#004972

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#ff9057
keyword#DD672C
storage#DD672C
storage.type#DD672C
entity.name.class#E5C07B
entity.other.inherited-class#C8AE9Ditalic underline
entity.name.function#EBEBFF
variable.parameter#f0a27aitalic
entity.name.tag#E06C75
entity.other.attribute-name#D19A66
support.function#56B6C2
support.constant#D19A66
support.type, support.class#E5C07Bitalic
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

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Firewatch Theme-BLACKED by Marcellus Easley - VS Code Theme