Skip to main content
Coding Theme

Color themes

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#1a1a1a
  • editor.foreground#949494
  • editor.lineHighlightBackground#212121
  • editor.selectionBackground#292929
  • editorCursor.foreground#636363
  • editorWhitespace.foreground#4d6774

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#515151
string#6A747A
constant.numeric#A9C8D9
constant.language#7A7A7A bold
constant.character, constant.other#A9C8D9
variable#D9D9D9 bold
keyword#DBDBDB
storage#C4C4C4
storage.type#849DAD bold
entity.name.class#CCCCCC bold underline
entity.other.inherited-class#808080 underline
entity.name.function#9E9E9E
variable.parameter#8F8F8F
entity.name.tag#D1D1D1
entity.other.attribute-name#616161
support.function#7F8C94
support.constant#7F8C94
support.type, support.class#949494
support.other.variable
invalid#853838
invalid.deprecated#999988
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6