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#1E1E1E
  • editor.foreground#D4D4D4
  • editor.lineHighlightBackground#2D2D30
  • editor.selectionBackground#264F78
  • editor.wordHighlightBackground#575757
  • editor.wordHighlightStrongBackground#004B72
  • editorBracketMatch.background#0E639C
  • editorBracketMatch.border#888888
  • editorCursor.foreground#AEAFAD
  • editorWhitespace.foreground#E3E4E829

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A9955
string, string.quoted.double, string.quoted.single#CE9178
constant.numeric#B5CEA8
constant.language#4FC1FF
constant.character, constant.other#4FC1FF
variable, string interpolation
keyword#569CD6
keyword.control#C586C0
keyword.declaration#569CD6
keyword.constant#4FC1FF
keyword.operator#D4D4D4
storage#569CD6
storage.type#569CD6
storage.modifier#569CD6
support#C8C8C8
support.function#DCDCAA
entity.name.function#DCDCAA
entity.name.type#4EC9B0
entity.other.inherited-class#4EC9B0
variable.other.readwrite.instance#4FC1FF
markup.heading#569CD6
markup.italic#D7BA7Ditalic
markup.bold#D7BA7Dbold
markup.underlineunderline
markup.strikestrikethrough
YaarScript Support by Bazil Suhail - VS Code Theme