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#F6F3EA
  • activityBar.border#00000015
  • activityBar.foreground#7E9A6A
  • activityBar.inactiveForeground#2B2E2B60
  • activityBarBadge.background#7E9A6A
  • activityBarBadge.foreground#F6F3EA
  • button.background#7E9A6A
  • button.foreground#F6F3EA
  • button.hoverBackground#7E9A6Add
  • editor.background#F6F3EA
  • editor.foreground#2B2E2B
  • editor.inactiveSelectionBackground#D2C2AA2580
  • editor.lineHighlightBackground#D5D7D250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D2C2AA25
  • editorCursor.foreground#7E9A6A
  • editorGroupHeader.tabsBackground#D5D7D2aa
  • editorLineNumber.activeForeground#7E9A6A
  • editorLineNumber.foreground#8B8B8780
  • focusBorder#7E9A6A
  • foreground#2B2E2B
  • input.background#D5D7D2
  • input.border#00000015
  • input.foreground#2B2E2B
  • input.placeholderForeground#2B2E2B60
  • list.activeSelectionBackground#7E9A6A30
  • list.activeSelectionForeground#2B2E2B
  • list.highlightForeground#7E9A6A
  • list.hoverBackground#D5D7D240
  • list.hoverForeground#2B2E2B
  • list.inactiveSelectionBackground#7E9A6A15
  • list.inactiveSelectionForeground#2B2E2B
  • selection.background#D2C2AA25
  • sideBar.background#D5D7D2
  • sideBar.border#00000015
  • sideBar.foreground#2B2E2B
  • sideBarSectionHeader.background#D5D7D280
  • sideBarSectionHeader.foreground#2B2E2B
  • sideBarTitle.foreground#7E9A6A
  • statusBar.background#F6F3EA
  • statusBar.border#00000015
  • statusBar.foreground#2B2E2B
  • statusBar.noFolderBackground#F6F3EA
  • tab.activeBackground#F6F3EA
  • tab.activeBorderTop#7E9A6A
  • tab.activeForeground#2B2E2B
  • tab.border#00000015
  • tab.inactiveBackground#F6F3EA60
  • tab.inactiveForeground#2B2E2B80
  • terminal.ansiBlack#2B2E2B
  • terminal.ansiBlue#D2C2AA
  • terminal.ansiCyan#B79F86
  • terminal.ansiGreen#7E9A6A
  • terminal.ansiMagenta#5E6A4F
  • terminal.ansiRed#5E6A4F
  • terminal.ansiWhite#2B2E2B
  • terminal.ansiYellow#B79F86
  • terminal.background#F6F3EA
  • terminal.foreground#2B2E2B
  • titleBar.activeBackground#F6F3EA
  • titleBar.activeForeground#2B2E2B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F3EA
  • titleBar.inactiveForeground#2B2E2B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8B8B87italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D2C2AAbold
storage.type, storage.modifier#D2C2AAitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7E9A6A
string, punctuation.definition.string, string.template, meta.template.expression#B79F86
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#5E6A4F
variable, variable.other.readwrite, variable.other.object#2B2E2B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2E2B
variable.parameter, meta.parameter#2B2E2Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2E2B80
keyword.operator#2B2E2B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B79F86bold
entity.other.inherited-class#7E9A6A
entity.name.tag, punctuation.definition.tag#D2C2AA
entity.other.attribute-name#7E9A6A
meta.diff, meta.diff.header#8B8B87
markup.deleted#5E6A4F
markup.inserted#7E9A6A
markup.changed#B79F86
markup.heading, markup.heading.setext, punctuation.definition.heading#7E9A6Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B79F86
string.other.link.title, string.other.link.description#7E9A6A
markup.underline.link#8B8B87underline
punctuation.definition.list#D2C2AA
markup.quote, punctuation.definition.quote#8B8B87italic