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#F7F6F2
  • activityBar.border#00000015
  • activityBar.foreground#8F9A8C
  • activityBar.inactiveForeground#4A5A4860
  • activityBarBadge.background#8F9A8C
  • activityBarBadge.foreground#F7F6F2
  • button.background#8F9A8C
  • button.foreground#F7F6F2
  • button.hoverBackground#8F9A8Cdd
  • editor.background#F7F6F2
  • editor.foreground#4A5A48
  • editor.inactiveSelectionBackground#D4A24D2580
  • editor.lineHighlightBackground#C8987650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D4A24D25
  • editorCursor.foreground#8F9A8C
  • editorGroupHeader.tabsBackground#C89876aa
  • editorLineNumber.activeForeground#8F9A8C
  • editorLineNumber.foreground#B5836E80
  • focusBorder#8F9A8C
  • foreground#4A5A48
  • input.background#C89876
  • input.border#00000015
  • input.foreground#4A5A48
  • input.placeholderForeground#4A5A4860
  • list.activeSelectionBackground#8F9A8C30
  • list.activeSelectionForeground#4A5A48
  • list.highlightForeground#8F9A8C
  • list.hoverBackground#C8987640
  • list.hoverForeground#4A5A48
  • list.inactiveSelectionBackground#8F9A8C15
  • list.inactiveSelectionForeground#4A5A48
  • selection.background#D4A24D25
  • sideBar.background#C89876
  • sideBar.border#00000015
  • sideBar.foreground#4A5A48
  • sideBarSectionHeader.background#C8987680
  • sideBarSectionHeader.foreground#4A5A48
  • sideBarTitle.foreground#8F9A8C
  • statusBar.background#F7F6F2
  • statusBar.border#00000015
  • statusBar.foreground#4A5A48
  • statusBar.noFolderBackground#F7F6F2
  • tab.activeBackground#F7F6F2
  • tab.activeBorderTop#8F9A8C
  • tab.activeForeground#4A5A48
  • tab.border#00000015
  • tab.inactiveBackground#F7F6F260
  • tab.inactiveForeground#4A5A4880
  • terminal.ansiBlack#4A5A48
  • terminal.ansiBlue#D4A24D
  • terminal.ansiCyan#E88BA7
  • terminal.ansiGreen#8F9A8C
  • terminal.ansiMagenta#F3E7D1
  • terminal.ansiRed#F3E7D1
  • terminal.ansiWhite#4A5A48
  • terminal.ansiYellow#E88BA7
  • terminal.background#F7F6F2
  • terminal.foreground#4A5A48
  • titleBar.activeBackground#F7F6F2
  • titleBar.activeForeground#4A5A48
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F6F2
  • titleBar.inactiveForeground#4A5A4860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B5836Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D4A24Dbold
storage.type, storage.modifier#D4A24Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8F9A8C
string, punctuation.definition.string, string.template, meta.template.expression#E88BA7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F3E7D1
variable, variable.other.readwrite, variable.other.object#4A5A48
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#4A5A48
variable.parameter, meta.parameter#4A5A48dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#4A5A4880
keyword.operator#4A5A48
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E88BA7bold
entity.other.inherited-class#8F9A8C
entity.name.tag, punctuation.definition.tag#D4A24D
entity.other.attribute-name#8F9A8C
meta.diff, meta.diff.header#B5836E
markup.deleted#F3E7D1
markup.inserted#8F9A8C
markup.changed#E88BA7
markup.heading, markup.heading.setext, punctuation.definition.heading#8F9A8Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E88BA7
string.other.link.title, string.other.link.description#8F9A8C
markup.underline.link#B5836Eunderline
punctuation.definition.list#D4A24D
markup.quote, punctuation.definition.quote#B5836Eitalic