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.

  • activityBarBadge.background#007acc
  • editor.background#1e1e1e
  • editor.foreground#f8f8f2
  • editor.inactiveSelectionBackground#3a3d41
  • editor.lineHighlightBackground#add6ff20
  • editor.selectionHighlightBackground#add6ff26
  • editorCursor.foreground#f8f8f2
  • editorIndentGuide.activeBackground#999999
  • editorIndentGuide.background#404040
  • editorWhitespace.foreground#8a8a8a
  • input.placeholderForeground#a6a6a6
  • list.dropBackground#383b3d
  • menu.background#252526
  • menu.foreground#cccccc
  • ports.iconRunningProcessForeground#369432
  • sideBarTitle.foreground#bbbbbb
  • statusBarItem.remoteBackground#16825d
  • statusBarItem.remoteForeground#ffffff
  • tab.lastPinnedBorder#cccccc33
  • terminal.ansiBlack#1a1a1a
  • terminal.ansiBlue#ae81ff
  • terminal.ansiBrightBlack#75715e
  • terminal.ansiBrightBlue#ae81ff
  • terminal.ansiBrightCyan#66d9ef
  • terminal.ansiBrightGreen#a6e22e
  • terminal.ansiBrightMagenta#f92672
  • terminal.ansiBrightRed#f92672
  • terminal.ansiBrightWhite#f8f8f2
  • terminal.ansiBrightYellow#e6db74
  • terminal.ansiCyan#66d9ef
  • terminal.ansiGreen#a6e22e
  • terminal.ansiMagenta#f92672
  • terminal.ansiRed#f92672
  • terminal.ansiWhite#cfcfc2
  • terminal.ansiYellow#fd971f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#f8f8f2
comment#75715e
string#e6db74
punctuation.definition.template-expression, punctuation.section.embedded#f92672
punctuation.definition.list.begin.markdown#66d9ef
variable.other.bracket.shell, variable.other.readwrite.shell, meta.group.expansion.command.parens.shell, variable.other.normal.shell, string.interpolated.dollar.shell, meta.function.shell punctuation.section.parens.begin.shell, meta.function.shell punctuation.section.parens.end.shell, string.other.math.shell#f8f8f2
variable.parameter.option.shell, punctuation.definition.variable.shell, punctuation.section.expansion.parameter.begin.shell, punctuation.section.expansion.parameter.end.shell, punctuation.section.parens.begin.shell, punctuation.section.parens.end.shell, string.interpolated.dollar.shell punctuation.definition.string.begin.shell, string.interpolated.dollar.shell punctuation.definition.string.end.shell, string.other.math.shell punctuation.definition.string.begin.shell, string.other.math.shell punctuation.definition.string.end.shell#f92672
beginning.punctuation.definition.list.markdown, punctuation.definition.list_item.markdown, punctuation.definition.list.markdown, punctuation.definition.heading.markdown, punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.bold.begin.markdown, punctuation.definition.bold.end.markdown, punctuation.definition.italic.begin.markdown, punctuation.definition.italic.end.markdown, punctuation.definition.heading.begin.markdown, punctuation.definition.heading.end.markdown, punctuation.definition.raw.begin.markdown, punctuation.definition.raw.end.markdown, punctuation.definition.metadata.markdown, punctuation.definition.raw.markdown, markup.underline.link.image.markdown, markup.underline.link.markdown#75715e
meta.template.expression#f8f8f2
constant.numeric#ae81ff
constant.language, constant.character, constant.other#ae81ff
variable#f8f8f2
variable.language#fd971f
keyword#f92672
storage#f92672
storage.type#66d9efitalic
entity.name.type, entity.name.class#a6e22eunderline
entity.other.inherited-class#a6e22eitalic underline
entity.name.function#a6e22e
variable.parameter#fd971fitalic
entity.name.tag#f92672
entity.other.attribute-name#a6e22e
support.function#66d9ef
support.constant#66d9ef
support.type, support.class#66d9efitalic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#cfcfc2
meta.diff, meta.diff.header#75715e
markup.deleted#f92672
markup.inserted#a6e22e
markup.changed#e6db74
constant.numeric.line-number.find-in-files - match#ae81ffA0
entity.name.filename.find-in-files#e6db74
markup.quote#f92672
markup.bold, markup.italic#66d9ef
markup.inline.raw#ae81ff
markup.heading#a6e22e
markup.heading.setext#a6e22e
token.info-token#6796e6
token.warn-token#cd9731
token.error-token#f44747
token.debug-token#b267e6
Monokai Prime by Nicholas Hoekstra - VS Code Theme