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#f4efe3
  • activityBar.border#00000015
  • activityBar.foreground#2f5b42
  • activityBar.inactiveForeground#17151160
  • activityBarBadge.background#2f5b42
  • activityBarBadge.foreground#f4efe3
  • button.background#2f5b42
  • button.foreground#f4efe3
  • button.hoverBackground#2f5b42dd
  • editor.background#f4efe3
  • editor.foreground#171511
  • editor.inactiveSelectionBackground#d7c7ae2580
  • editor.lineHighlightBackground#9f8d7250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d7c7ae25
  • editorCursor.foreground#2f5b42
  • editorGroupHeader.tabsBackground#9f8d72aa
  • editorLineNumber.activeForeground#2f5b42
  • editorLineNumber.foreground#d7c7ae80
  • focusBorder#2f5b42
  • foreground#171511
  • input.background#9f8d72
  • input.border#00000015
  • input.foreground#171511
  • input.placeholderForeground#17151160
  • list.activeSelectionBackground#2f5b4230
  • list.activeSelectionForeground#171511
  • list.highlightForeground#2f5b42
  • list.hoverBackground#9f8d7240
  • list.hoverForeground#171511
  • list.inactiveSelectionBackground#2f5b4215
  • list.inactiveSelectionForeground#171511
  • selection.background#d7c7ae25
  • sideBar.background#9f8d72
  • sideBar.border#00000015
  • sideBar.foreground#171511
  • sideBarSectionHeader.background#9f8d7280
  • sideBarSectionHeader.foreground#171511
  • sideBarTitle.foreground#2f5b42
  • statusBar.background#f4efe3
  • statusBar.border#00000015
  • statusBar.foreground#171511
  • statusBar.noFolderBackground#f4efe3
  • tab.activeBackground#f4efe3
  • tab.activeBorderTop#2f5b42
  • tab.activeForeground#171511
  • tab.border#00000015
  • tab.inactiveBackground#f4efe360
  • tab.inactiveForeground#17151180
  • terminal.ansiBlack#171511
  • terminal.ansiBlue#d7c7ae
  • terminal.ansiCyan#6f8a52
  • terminal.ansiGreen#2f5b42
  • terminal.ansiMagenta#9f8d72
  • terminal.ansiRed#9f8d72
  • terminal.ansiWhite#171511
  • terminal.ansiYellow#6f8a52
  • terminal.background#f4efe3
  • terminal.foreground#171511
  • titleBar.activeBackground#f4efe3
  • titleBar.activeForeground#171511
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4efe3
  • titleBar.inactiveForeground#17151160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7c7aeitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d7c7aebold
storage.type, storage.modifier#d7c7aeitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2f5b42
string, punctuation.definition.string, string.template, meta.template.expression#6f8a52
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9f8d72
variable, variable.other.readwrite, variable.other.object#171511
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#171511
variable.parameter, meta.parameter#171511dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17151180
keyword.operator#171511
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6f8a52bold
entity.other.inherited-class#2f5b42
entity.name.tag, punctuation.definition.tag#d7c7ae
entity.other.attribute-name#2f5b42
meta.diff, meta.diff.header#d7c7ae
markup.deleted#9f8d72
markup.inserted#2f5b42
markup.changed#6f8a52
markup.heading, markup.heading.setext, punctuation.definition.heading#2f5b42bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6f8a52
string.other.link.title, string.other.link.description#2f5b42
markup.underline.link#d7c7aeunderline
punctuation.definition.list#d7c7ae
markup.quote, punctuation.definition.quote#d7c7aeitalic