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.background#252738
  • activityBar.border#292D3E
  • activityBar.inactiveForeground#808080
  • activityBarBadge.background#80cbc4
  • activityBarBadge.foreground#252738
  • contrastActiveBorder#252738
  • contrastBorder#252738
  • editor.background#252738
  • editor.foreground#A6ACCD
  • editorGroup.border#252738
  • editorGroup.dropBackground#292D3E
  • editorGroupHeader.tabsBackground#252738
  • editorGroupHeader.tabsBorder#252738
  • editorGutter.background#252738
  • editorOverviewRuler.border#252738
  • panel.background#252738
  • panel.border#252738
  • sash.hoverBorder#80cbc4
  • scrollbar.shadow#1e1f2b
  • scrollbarSlider.hoverBackground#292D3E
  • sideBar.background#252738
  • sideBar.border#292D3E
  • sideBarSectionHeader.background#252738
  • statusBar.background#252738
  • statusBar.border#292D3E
  • tab.activeBackground#252738
  • tab.activeBorderTop#252738
  • tab.border#292D3E
  • tab.inactiveBackground#252738
  • tab.unfocusedActiveBorder#252738
  • tab.unfocusedActiveBorderTop#252738
  • terminal.ansiBlack#1D2021
  • terminal.ansiBlue#4287f5
  • terminal.ansiBrightBlack#665C54
  • terminal.ansiBrightCyan#66D9EF
  • terminal.ansiBrightGreen#A6E22E
  • terminal.ansiBrightMagenta#AE81FF
  • terminal.ansiBrightRed#F92672
  • terminal.ansiBrightWhite#FDF4C1
  • terminal.ansiBrightYellow#FFD866
  • terminal.ansiCyan#8BA59B
  • terminal.ansiGreen#A6E22E
  • terminal.ansiMagenta#53EFF7
  • terminal.ansiRed#F92672
  • terminal.ansiWhite#FFF
  • terminal.ansiYellow#FFD866
  • terminal.foreground#808080
  • terminalCursor.background#808080
  • terminalCursor.foreground#FF6188
  • titleBar.activeBackground#252738
  • titleBar.border#292D3E

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#676E95
string#ffcb6b
constant.numeric#ea437f
constant.language#ea437f
constant.character, constant.other#ea437f
variable
keyword#ea437f
storage#ea437f
storage.type#80cbc4italic
entity.name.class#a3cc17underline
entity.other.inherited-class#a3cc17italic underline
entity.name.function#a3cc17
variable.parameter#FD971Fitalic
entity.name.tag#F92672
entity.other.attribute-name#80cbc4
support.function#80cbc4
support.constant#80cbc4
support.type, support.class#f78c6citalic
support.other.variable
support.other.namespace, entity.name.type.namespace#FFB2F9
support.other.namespace.use-as.php#66D9EF
variable.language.namespace.php#D66990
punctuation.separator.inheritance.php#F92672
support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css#FFEE99
meta.tag.template.value.twig, meta.tag.template.block.twig#CD5AC5
keyword.control.twig#E05D8C
variable.other.twig#E5A5E0
variable.other.property.twig#FFE1FC
constant.language.twig#FFD2A6
constant.numeric.twig#FFD0FB
support.function.twig#90E7F7
meta.function-call.other.twig#FAB85A
meta.function-call.twig#FAB85A
invalid#F8F8F0
invalid.deprecated#F8F8F0
text source
meta.diff, meta.diff.header#E0EDDDbold
markup.deleted#D3201F
markup.changed#BF3904
markup.inserted#60CF30
meta.diff, meta.diff.range#3BC0F0
markup.heading.markdown, markup.heading.1.markdown, markup.heading.2.markdown#A6E22E
markup.bold.markdown#F8F8F2bold
markup.italic.markdown#F8F8F2italic
punctuation.definition.bold.markdown, punctuation.definition.italic.markdown, punctuation.definition.raw.markdown#D3201F
markup.list.unnumbered.markdown#FF80F4
markup.list.numbered.markdown#FF80F4
markup.raw.block.markdown, markup.raw.inline.markdown#FFEE99
markup.quote.markdown, punctuation.definition.blockquote.markdown#5c46a0
meta.separator.markdown#FF80F4
meta.image.inline.markdown, markup.underline.link.markdown#8C8C8Citalic
string.other.link.title.markdown, string.other.link.description.markdown#A6E22E
punctuation.definition.link.markdown#8C8C8C
punctuation.definition.metadata.markdown#8C8C8C
punctuation.definition.string.begin.markdown, punctuation.definition.string.end.markdown, punctuation.definition.constant.markdown#8C8C8C
punctuation.definition.template-expression, punctuation.section.embedded#F92672
meta.template.expression#F8F8F2
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6