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#323232
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#353637
  • editor.selectionBackground#5a647ee0
  • editorCursor.foreground#91ff00
  • editorWhitespace.foreground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
text#FFFFFF
source#CDCDCD
comment#BC9458italic
meta.tag, declaration.tag, meta.doctype#FFE5BB
entity.name#FFC66D
source.ruby entity.name#FFF980
variable.other#B7DFF8
support.class.ruby#CCCC33
constant, support.constant#6C99BB
keyword#CC7833
other.preprocessor.c#D0D0FF
entity.name.preprocessor
entity.name.function
variable.parameteritalic
source comment.block#FFFFFF
string#A5C261
string constant.character.escape#AAAAAA
string.interpolated#000000
string.regexp#CCCC33
string.literal#CCCC33
string.interpolated constant.character.escape#787878
entity.name.classunderline
entity.other.inherited-classitalic underline
entity.name.tag
entity.other.attribute-name
support.function#B83426
markup.list.unnumbered.textile#6EA533
markup.list.numbered.textile#6EA533
markup.bold.textile#C2C2C2bold
invalid#FFFFFF
collab.user1#323232
storage#A86F3F
keyword#A86F3F
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
rocket by wkaa - VS Code Theme