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#240073
  • editor.foreground#FFF
  • editor.lineHighlightBackground#3700A2
  • editor.selectionBackground#62647D
  • editorCursor.foreground#FFF
  • editorWhitespace.foreground#3700A2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F8F8F2
comment#A8AFB8
string#FFC933
constant.numeric#B28FFF
constant.language#B28FFF
constant.character, constant.other#B28FFF
variable#FBA09C
keyword#F64138
storage#F64138
storage.type#8ECAFBitalic
entity.name.class#A0E4C5underline
entity.other.inherited-class#A0E4C5italic underline
entity.name.function#1D95F6
variable.parameter#FFC933italic
entity.name.tag#40C98B
entity.other.attribute-name#FBA09C
support.function#8ECAFB
support.constant#8ECAFB
support.type, support.class#8ECAFBitalic
support.other.variable
invalid#FFF
invalid.deprecated#FFF
Texture by Texture - VS Code Theme