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.parameter—italic
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.class—underline
entity.other.inherited-class—italic 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