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.

  • activityBar.activeBorder#68217a
  • activityBarBadge.background#68217a
  • button.background#68217a
  • editor.background#1e1e1e
  • editor.foreground#d4d4d4
  • editor.inactiveSelectionBackground#3a3d41
  • editor.selectionHighlightBackground#add6ff26
  • editorIndentGuide.activeBackground#707070
  • editorIndentGuide.background#404040
  • focusBorder#68217a
  • input.placeholderForeground#a6a6a6
  • inputOption.activeBorder#68217a
  • list.activeSelectionBackground#68217a
  • list.activeSelectionIconForeground#ffffff
  • list.dropBackground#383b3d
  • menu.background#252526
  • menu.foreground#cccccc
  • panelTitle.activeBorder#68217a
  • ports.iconRunningProcessForeground#369432
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#68217a
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#F8F8F2—
comment#88846f—
string#E6DB74—
punctuation.definition.template-expression, punctuation.section.embedded#F92672—
meta.template.expression#F8F8F2—
constant.numeric#AE81FF—
constant.language#AE81FF—
constant.character, constant.other#AE81FF—
variable#F8F8F2
keyword#F92672—
storage#F92672
storage.type#66D9EFitalic
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution#C0FF43underline
entity.other.inherited-class#C0FF43italic underline
entity.name.function#C0FF43
variable.parameter#FD971Fitalic
entity.name.tag#F92672
entity.other.attribute-name#C0FF43
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable—
invalid#F44747
invalid.deprecated#F44747—
meta.structure.dictionary.json string.quoted.double.json#CFCFC2—
meta.diff, meta.diff.header#75715E—
markup.deleted#F92672—
markup.inserted#C0FF43—
markup.changed#E6DB74—
constant.numeric.line-number.find-in-files - match#AE81FFA0—
entity.name.filename.find-in-files#E6DB74—
markup.quote#F92672—
markup.list#E6DB74—
markup.bold, markup.italic#66D9EF—
markup.inline.raw#FD971F
markup.heading#C0FF43—
markup.heading.setext#C0FF43bold
markup.heading.markdown—bold
markup.quote.markdown#75715Eitalic
markup.bold.markdown—bold
string.other.link.title.markdown,string.other.link.description.markdown#AE81FF—
markup.underline.link.markdown,markup.underline.link.image.markdown#E6DB74—
markup.italic.markdown—italic
markup.strikethrough—strikethrough
markup.list.unnumbered.markdown, markup.list.numbered.markdown#f8f8f2—
punctuation.definition.list.begin.markdown#C0FF43—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
variable.language#FD971Fitalic