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#FAF7F2
  • activityBar.border#00000015
  • activityBar.foreground#AA391D
  • activityBar.inactiveForeground#E7E2D760
  • activityBarBadge.background#AA391D
  • activityBarBadge.foreground#FAF7F2
  • button.background#AA391D
  • button.foreground#FAF7F2
  • button.hoverBackground#AA391Ddd
  • editor.background#FAF7F2
  • editor.foreground#E7E2D7
  • editor.inactiveSelectionBackground#2E5E182580
  • editor.lineHighlightBackground#E7E2D750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E5E1825
  • editorCursor.foreground#AA391D
  • editorGroupHeader.tabsBackground#E7E2D7aa
  • editorLineNumber.activeForeground#AA391D
  • editorLineNumber.foreground#EFE7D780
  • focusBorder#AA391D
  • foreground#E7E2D7
  • input.background#E7E2D7
  • input.border#00000015
  • input.foreground#E7E2D7
  • input.placeholderForeground#E7E2D760
  • list.activeSelectionBackground#AA391D30
  • list.activeSelectionForeground#E7E2D7
  • list.highlightForeground#AA391D
  • list.hoverBackground#E7E2D740
  • list.hoverForeground#E7E2D7
  • list.inactiveSelectionBackground#AA391D15
  • list.inactiveSelectionForeground#E7E2D7
  • selection.background#2E5E1825
  • sideBar.background#E7E2D7
  • sideBar.border#00000015
  • sideBar.foreground#E7E2D7
  • sideBarSectionHeader.background#E7E2D780
  • sideBarSectionHeader.foreground#E7E2D7
  • sideBarTitle.foreground#AA391D
  • statusBar.background#FAF7F2
  • statusBar.border#00000015
  • statusBar.foreground#E7E2D7
  • statusBar.noFolderBackground#FAF7F2
  • tab.activeBackground#FAF7F2
  • tab.activeBorderTop#AA391D
  • tab.activeForeground#E7E2D7
  • tab.border#00000015
  • tab.inactiveBackground#FAF7F260
  • tab.inactiveForeground#E7E2D780
  • terminal.ansiBlack#E7E2D7
  • terminal.ansiBlue#2E5E18
  • terminal.ansiCyan#4E8E2F
  • terminal.ansiGreen#AA391D
  • terminal.ansiMagenta#D97A43
  • terminal.ansiRed#D97A43
  • terminal.ansiWhite#E7E2D7
  • terminal.ansiYellow#4E8E2F
  • terminal.background#FAF7F2
  • terminal.foreground#E7E2D7
  • titleBar.activeBackground#FAF7F2
  • titleBar.activeForeground#E7E2D7
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF7F2
  • titleBar.inactiveForeground#E7E2D760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EFE7D7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E5E18bold
storage.type, storage.modifier#2E5E18italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#AA391D
string, punctuation.definition.string, string.template, meta.template.expression#4E8E2F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D97A43
variable, variable.other.readwrite, variable.other.object#E7E2D7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#E7E2D7
variable.parameter, meta.parameter#E7E2D7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#E7E2D780
keyword.operator#E7E2D7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4E8E2Fbold
entity.other.inherited-class#AA391D
entity.name.tag, punctuation.definition.tag#2E5E18
entity.other.attribute-name#AA391D
meta.diff, meta.diff.header#EFE7D7
markup.deleted#D97A43
markup.inserted#AA391D
markup.changed#4E8E2F
markup.heading, markup.heading.setext, punctuation.definition.heading#AA391Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4E8E2F
string.other.link.title, string.other.link.description#AA391D
markup.underline.link#EFE7D7underline
punctuation.definition.list#2E5E18
markup.quote, punctuation.definition.quote#EFE7D7italic