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#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
Legible Starry Night by zzandy - VS Code Theme