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#3B3330
  • activityBar.border#ffffff15
  • activityBar.foreground#FF3E90
  • activityBar.inactiveForeground#F2F4F660
  • activityBarBadge.background#FF3E90
  • activityBarBadge.foreground#3B3330
  • button.background#FF3E90
  • button.foreground#3B3330
  • button.hoverBackground#FF3E90dd
  • editor.background#3B3330
  • editor.foreground#F2F4F6
  • editor.inactiveSelectionBackground#2E7D323580
  • editor.lineHighlightBackground#282E3140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E7D3235
  • editorCursor.foreground#FF3E90
  • editorGroupHeader.tabsBackground#3B3330dd
  • editorLineNumber.activeForeground#FF3E90
  • editorLineNumber.foreground#C792B280
  • focusBorder#FF3E90
  • foreground#F2F4F6
  • input.background#282E31
  • input.border#ffffff15
  • input.foreground#F2F4F6
  • input.placeholderForeground#F2F4F660
  • list.activeSelectionBackground#FF3E9030
  • list.activeSelectionForeground#F2F4F6
  • list.highlightForeground#FF3E90
  • list.hoverBackground#282E3140
  • list.hoverForeground#F2F4F6
  • list.inactiveSelectionBackground#FF3E9015
  • list.inactiveSelectionForeground#F2F4F6
  • selection.background#2E7D3235
  • sideBar.background#282E31
  • sideBar.border#ffffff15
  • sideBar.foreground#F2F4F6
  • sideBarSectionHeader.background#3B333080
  • sideBarSectionHeader.foreground#F2F4F6
  • sideBarTitle.foreground#FF3E90
  • statusBar.background#3B3330
  • statusBar.border#ffffff15
  • statusBar.foreground#F2F4F6
  • statusBar.noFolderBackground#3B3330
  • tab.activeBackground#3B3330
  • tab.activeBorderTop#FF3E90
  • tab.activeForeground#F2F4F6
  • tab.border#ffffff15
  • tab.inactiveBackground#282E3160
  • tab.inactiveForeground#F2F4F680
  • terminal.ansiBlack#3B3330
  • terminal.ansiBlue#2E7D32
  • terminal.ansiCyan#D60A61
  • terminal.ansiGreen#FF3E90
  • terminal.ansiMagenta#8A8580
  • terminal.ansiRed#8A8580
  • terminal.ansiWhite#F2F4F6
  • terminal.ansiYellow#D60A61
  • terminal.background#3B3330
  • terminal.foreground#F2F4F6
  • titleBar.activeBackground#3B3330
  • titleBar.activeForeground#F2F4F6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3B3330
  • titleBar.inactiveForeground#F2F4F660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C792B2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E7D32bold
storage.type, storage.modifier#2E7D32italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FF3E90
string, punctuation.definition.string, string.template, meta.template.expression#D60A61
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A8580
variable, variable.other.readwrite, variable.other.object#F2F4F6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2F4F6
variable.parameter, meta.parameter#F2F4F6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2F4F680
keyword.operator#F2F4F6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D60A61bold
entity.other.inherited-class#FF3E90
entity.name.tag, punctuation.definition.tag#2E7D32
entity.other.attribute-name#FF3E90
meta.diff, meta.diff.header#C792B2
markup.deleted#8A8580
markup.inserted#FF3E90
markup.changed#D60A61
markup.heading, markup.heading.setext, punctuation.definition.heading#FF3E90bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D60A61
string.other.link.title, string.other.link.description#FF3E90
markup.underline.link#C792B2underline
punctuation.definition.list#2E7D32
markup.quote, punctuation.definition.quote#C792B2italic