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#F6F4EE
  • activityBar.border#00000015
  • activityBar.foreground#B44A3A
  • activityBar.inactiveForeground#12161C60
  • activityBarBadge.background#B44A3A
  • activityBarBadge.foreground#F6F4EE
  • button.background#B44A3A
  • button.foreground#F6F4EE
  • button.hoverBackground#B44A3Add
  • editor.background#F6F4EE
  • editor.foreground#12161C
  • editor.inactiveSelectionBackground#E7DCC62580
  • editor.lineHighlightBackground#F1F2F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E7DCC625
  • editorCursor.foreground#B44A3A
  • editorGroupHeader.tabsBackground#F1F2F4aa
  • editorLineNumber.activeForeground#B44A3A
  • editorLineNumber.foreground#C8B79080
  • focusBorder#B44A3A
  • foreground#12161C
  • input.background#F1F2F4
  • input.border#00000015
  • input.foreground#12161C
  • input.placeholderForeground#12161C60
  • list.activeSelectionBackground#B44A3A30
  • list.activeSelectionForeground#12161C
  • list.highlightForeground#B44A3A
  • list.hoverBackground#F1F2F440
  • list.hoverForeground#12161C
  • list.inactiveSelectionBackground#B44A3A15
  • list.inactiveSelectionForeground#12161C
  • selection.background#E7DCC625
  • sideBar.background#F1F2F4
  • sideBar.border#00000015
  • sideBar.foreground#12161C
  • sideBarSectionHeader.background#F1F2F480
  • sideBarSectionHeader.foreground#12161C
  • sideBarTitle.foreground#B44A3A
  • statusBar.background#F6F4EE
  • statusBar.border#00000015
  • statusBar.foreground#12161C
  • statusBar.noFolderBackground#F6F4EE
  • tab.activeBackground#F6F4EE
  • tab.activeBorderTop#B44A3A
  • tab.activeForeground#12161C
  • tab.border#00000015
  • tab.inactiveBackground#F6F4EE60
  • tab.inactiveForeground#12161C80
  • terminal.ansiBlack#12161C
  • terminal.ansiBlue#E7DCC6
  • terminal.ansiCyan#3B4F66
  • terminal.ansiGreen#B44A3A
  • terminal.ansiMagenta#B5742A
  • terminal.ansiRed#B5742A
  • terminal.ansiWhite#12161C
  • terminal.ansiYellow#3B4F66
  • terminal.background#F6F4EE
  • terminal.foreground#12161C
  • titleBar.activeBackground#F6F4EE
  • titleBar.activeForeground#12161C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F4EE
  • titleBar.inactiveForeground#12161C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B790italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E7DCC6bold
storage.type, storage.modifier#E7DCC6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B44A3A
string, punctuation.definition.string, string.template, meta.template.expression#3B4F66
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B5742A
variable, variable.other.readwrite, variable.other.object#12161C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#12161C
variable.parameter, meta.parameter#12161Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12161C80
keyword.operator#12161C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#3B4F66bold
entity.other.inherited-class#B44A3A
entity.name.tag, punctuation.definition.tag#E7DCC6
entity.other.attribute-name#B44A3A
meta.diff, meta.diff.header#C8B790
markup.deleted#B5742A
markup.inserted#B44A3A
markup.changed#3B4F66
markup.heading, markup.heading.setext, punctuation.definition.heading#B44A3Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#3B4F66
string.other.link.title, string.other.link.description#B44A3A
markup.underline.link#C8B790underline
punctuation.definition.list#E7DCC6
markup.quote, punctuation.definition.quote#C8B790italic