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#F4F0E7
  • activityBar.border#00000015
  • activityBar.foreground#725338
  • activityBar.inactiveForeground#2D292260
  • activityBarBadge.background#725338
  • activityBarBadge.foreground#F4F0E7
  • button.background#725338
  • button.foreground#F4F0E7
  • button.hoverBackground#725338dd
  • editor.background#F4F0E7
  • editor.foreground#2D2922
  • editor.inactiveSelectionBackground#7253382580
  • editor.lineHighlightBackground#D7D0C450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#72533825
  • editorCursor.foreground#725338
  • editorGroupHeader.tabsBackground#D7D0C4aa
  • editorLineNumber.activeForeground#725338
  • editorLineNumber.foreground#A79F9380
  • focusBorder#725338
  • foreground#2D2922
  • input.background#D7D0C4
  • input.border#00000015
  • input.foreground#2D2922
  • input.placeholderForeground#2D292260
  • list.activeSelectionBackground#72533830
  • list.activeSelectionForeground#2D2922
  • list.highlightForeground#725338
  • list.hoverBackground#D7D0C440
  • list.hoverForeground#2D2922
  • list.inactiveSelectionBackground#72533815
  • list.inactiveSelectionForeground#2D2922
  • selection.background#72533825
  • sideBar.background#D7D0C4
  • sideBar.border#00000015
  • sideBar.foreground#2D2922
  • sideBarSectionHeader.background#D7D0C480
  • sideBarSectionHeader.foreground#2D2922
  • sideBarTitle.foreground#725338
  • statusBar.background#F4F0E7
  • statusBar.border#00000015
  • statusBar.foreground#2D2922
  • statusBar.noFolderBackground#F4F0E7
  • tab.activeBackground#F4F0E7
  • tab.activeBorderTop#725338
  • tab.activeForeground#2D2922
  • tab.border#00000015
  • tab.inactiveBackground#F4F0E760
  • tab.inactiveForeground#2D292280
  • terminal.ansiBlack#2D2922
  • terminal.ansiBlue#725338
  • terminal.ansiCyan#B58A5E
  • terminal.ansiGreen#725338
  • terminal.ansiMagenta#C59C57
  • terminal.ansiRed#C59C57
  • terminal.ansiWhite#2D2922
  • terminal.ansiYellow#B58A5E
  • terminal.background#F4F0E7
  • terminal.foreground#2D2922
  • titleBar.activeBackground#F4F0E7
  • titleBar.activeForeground#2D2922
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4F0E7
  • titleBar.inactiveForeground#2D292260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A79F93italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#725338bold
storage.type, storage.modifier#725338italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#725338
string, punctuation.definition.string, string.template, meta.template.expression#B58A5E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C59C57
variable, variable.other.readwrite, variable.other.object#2D2922
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2D2922
variable.parameter, meta.parameter#2D2922dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2D292280
keyword.operator#2D2922
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B58A5Ebold
entity.other.inherited-class#725338
entity.name.tag, punctuation.definition.tag#725338
entity.other.attribute-name#725338
meta.diff, meta.diff.header#A79F93
markup.deleted#C59C57
markup.inserted#725338
markup.changed#B58A5E
markup.heading, markup.heading.setext, punctuation.definition.heading#725338bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B58A5E
string.other.link.title, string.other.link.description#725338
markup.underline.link#A79F93underline
punctuation.definition.list#725338
markup.quote, punctuation.definition.quote#A79F93italic