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.

  • editor.background#282c34
  • editor.foreground#9aa2b2
  • editor.lineHighlightBackground#00000012
  • editor.selectionBackground#2f3440
  • editorCursor.foreground#4272ff
  • editorIndentGuide.background#3a404c50
  • editorWhitespace.foreground#303338
  • terminal.ansiBlack#3B4252
  • terminal.ansiBlue#81A1C1
  • terminal.ansiBrightBlack#808080
  • terminal.ansiBrightBlue#81A1C1
  • terminal.ansiBrightCyan#88C0D0
  • terminal.ansiBrightGreen#A3BE8C
  • terminal.ansiBrightMagenta#B48EAD
  • terminal.ansiBrightRed#BF616A
  • terminal.ansiBrightWhite#ffffff
  • terminal.ansiBrightYellow#EBCB8B
  • terminal.ansiCyan#88C0D0
  • terminal.ansiGreen#A3BE8C
  • terminal.ansiMagenta#B48EAD
  • terminal.ansiRed#BF616A
  • terminal.ansiWhite#d0d0d0
  • terminal.foreground#d0d0d0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#9aa2b2ff
comment#697685
keyword, storage#A43948
constant.numeric#B85E49
constant#B85E45
constant.language#B85E45
variable.language, variable.other#B85E45
string#83AA66
constant.character.escape, string source#83AA66
string.unquoted.js#B85E45
meta.preprocessor#B85E45
keyword.control.import#A43948
entity.name.function, support.function.any-method#6F90B0
entity.name.type#EBBB61underline
entity.other.inherited-class
variable.parameter
storage.type.method#70727E
meta.section entity.name.section, declaration.section entity.name.sectionitalic
support.function#6F90B0
support.class, support.type#B85E45
support.constant#B85E45
support.variable#B85E45
keyword.operator.js#9AA2B2
invalid#B85E45
invalid.deprecated.trailing-whitespace#B05B43
text source, string.unquoted
text source string.unquoted, text source text source
meta.tag.preprocessor.xml#9AA2B2
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#9AA2B2
string.quoted.docinfo.doctype.DTDitalic
meta.tag, declaration.tag#9AA2B2
entity.name.tag#B85E45
entity.other.attribute-name
markup.heading#83AA66
markup.quote#7FA564italic
markup.list#9AA2B2
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6

Shiki preview

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

Loading...

One Spacegrey by splintah - VS Code Theme