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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#2C9325
  • activityBar.inactiveForeground#18221460
  • activityBarBadge.background#2C9325
  • activityBarBadge.foreground#FCFDFC
  • button.background#2C9325
  • button.foreground#FCFDFC
  • button.hoverBackground#2C9325dd
  • editor.background#FCFDFC
  • editor.foreground#182214
  • editor.inactiveSelectionBackground#2783212580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#27832125
  • editorCursor.foreground#2C9325
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#2C9325
  • editorLineNumber.foreground#E7ECE480
  • focusBorder#2C9325
  • foreground#182214
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#182214
  • input.placeholderForeground#18221460
  • list.activeSelectionBackground#2C932530
  • list.activeSelectionForeground#182214
  • list.highlightForeground#2C9325
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#182214
  • list.inactiveSelectionBackground#2C932515
  • list.inactiveSelectionForeground#182214
  • selection.background#27832125
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#182214
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#182214
  • sideBarTitle.foreground#2C9325
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#182214
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#2C9325
  • tab.activeForeground#182214
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#18221480
  • terminal.ansiBlack#182214
  • terminal.ansiBlue#278321
  • terminal.ansiCyan#4EA329
  • terminal.ansiGreen#2C9325
  • terminal.ansiMagenta#477619
  • terminal.ansiRed#477619
  • terminal.ansiWhite#182214
  • terminal.ansiYellow#4EA329
  • terminal.background#FCFDFC
  • terminal.foreground#182214
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#182214
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#18221460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7ECE4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#278321bold
storage.type, storage.modifier#278321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2C9325
string, punctuation.definition.string, string.template, meta.template.expression#4EA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#477619
variable, variable.other.readwrite, variable.other.object#182214
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#182214
variable.parameter, meta.parameter#182214dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#18221480
keyword.operator#182214
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4EA329bold
entity.other.inherited-class#2C9325
entity.name.tag, punctuation.definition.tag#278321
entity.other.attribute-name#2C9325
meta.diff, meta.diff.header#E7ECE4
markup.deleted#477619
markup.inserted#2C9325
markup.changed#4EA329
markup.heading, markup.heading.setext, punctuation.definition.heading#2C9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4EA329
string.other.link.title, string.other.link.description#2C9325
markup.underline.link#E7ECE4underline
punctuation.definition.list#278321
markup.quote, punctuation.definition.quote#E7ECE4italic