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#111A14
  • activityBar.border#ffffff15
  • activityBar.foreground#F786C9
  • activityBar.inactiveForeground#FFF7ED60
  • activityBarBadge.background#F786C9
  • activityBarBadge.foreground#111A14
  • button.background#F786C9
  • button.foreground#111A14
  • button.hoverBackground#F786C9dd
  • editor.background#111A14
  • editor.foreground#FFF7ED
  • editor.inactiveSelectionBackground#D7C6F23580
  • editor.lineHighlightBackground#2F3E2F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D7C6F235
  • editorCursor.foreground#F786C9
  • editorGroupHeader.tabsBackground#111A14dd
  • editorLineNumber.activeForeground#F786C9
  • editorLineNumber.foreground#CBA4E680
  • focusBorder#F786C9
  • foreground#FFF7ED
  • input.background#2F3E2F
  • input.border#ffffff15
  • input.foreground#FFF7ED
  • input.placeholderForeground#FFF7ED60
  • list.activeSelectionBackground#F786C930
  • list.activeSelectionForeground#FFF7ED
  • list.highlightForeground#F786C9
  • list.hoverBackground#2F3E2F40
  • list.hoverForeground#FFF7ED
  • list.inactiveSelectionBackground#F786C915
  • list.inactiveSelectionForeground#FFF7ED
  • selection.background#D7C6F235
  • sideBar.background#2F3E2F
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7ED
  • sideBarSectionHeader.background#111A1480
  • sideBarSectionHeader.foreground#FFF7ED
  • sideBarTitle.foreground#F786C9
  • statusBar.background#111A14
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7ED
  • statusBar.noFolderBackground#111A14
  • tab.activeBackground#111A14
  • tab.activeBorderTop#F786C9
  • tab.activeForeground#FFF7ED
  • tab.border#ffffff15
  • tab.inactiveBackground#2F3E2F60
  • tab.inactiveForeground#FFF7ED80
  • terminal.ansiBlack#111A14
  • terminal.ansiBlue#D7C6F2
  • terminal.ansiCyan#78A66A
  • terminal.ansiGreen#F786C9
  • terminal.ansiMagenta#E77A91
  • terminal.ansiRed#E77A91
  • terminal.ansiWhite#FFF7ED
  • terminal.ansiYellow#78A66A
  • terminal.background#111A14
  • terminal.foreground#FFF7ED
  • titleBar.activeBackground#111A14
  • titleBar.activeForeground#FFF7ED
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#111A14
  • titleBar.inactiveForeground#FFF7ED60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CBA4E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D7C6F2bold
storage.type, storage.modifier#D7C6F2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F786C9
string, punctuation.definition.string, string.template, meta.template.expression#78A66A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#E77A91
variable, variable.other.readwrite, variable.other.object#FFF7ED
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7ED
variable.parameter, meta.parameter#FFF7EDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7ED80
keyword.operator#FFF7ED
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#78A66Abold
entity.other.inherited-class#F786C9
entity.name.tag, punctuation.definition.tag#D7C6F2
entity.other.attribute-name#F786C9
meta.diff, meta.diff.header#CBA4E6
markup.deleted#E77A91
markup.inserted#F786C9
markup.changed#78A66A
markup.heading, markup.heading.setext, punctuation.definition.heading#F786C9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#78A66A
string.other.link.title, string.other.link.description#F786C9
markup.underline.link#CBA4E6underline
punctuation.definition.list#D7C6F2
markup.quote, punctuation.definition.quote#CBA4E6italic