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#F7F7F5
  • activityBar.border#00000015
  • activityBar.foreground#6B8E2E
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#6B8E2E
  • activityBarBadge.foreground#F7F7F5
  • button.background#6B8E2E
  • button.foreground#F7F7F5
  • button.hoverBackground#6B8E2Edd
  • editor.background#F7F7F5
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#E9E7E42580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E9E7E425
  • editorCursor.foreground#6B8E2E
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#6B8E2E
  • editorLineNumber.foreground#B7C1B180
  • focusBorder#6B8E2E
  • foreground#1A1A1A
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#6B8E2E30
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#6B8E2E
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#6B8E2E15
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#E9E7E425
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#6B8E2E
  • statusBar.background#F7F7F5
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#F7F7F5
  • tab.activeBackground#F7F7F5
  • tab.activeBorderTop#6B8E2E
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#F7F7F560
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#E9E7E4
  • terminal.ansiCyan#EBDCC6
  • terminal.ansiGreen#6B8E2E
  • terminal.ansiMagenta#4F3A2B
  • terminal.ansiRed#4F3A2B
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#EBDCC6
  • terminal.background#F7F7F5
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#F7F7F5
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F7F5
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B7C1B1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E9E7E4bold
storage.type, storage.modifier#E9E7E4italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6B8E2E
string, punctuation.definition.string, string.template, meta.template.expression#EBDCC6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4F3A2B
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#EBDCC6bold
entity.other.inherited-class#6B8E2E
entity.name.tag, punctuation.definition.tag#E9E7E4
entity.other.attribute-name#6B8E2E
meta.diff, meta.diff.header#B7C1B1
markup.deleted#4F3A2B
markup.inserted#6B8E2E
markup.changed#EBDCC6
markup.heading, markup.heading.setext, punctuation.definition.heading#6B8E2Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#EBDCC6
string.other.link.title, string.other.link.description#6B8E2E
markup.underline.link#B7C1B1underline
punctuation.definition.list#E9E7E4
markup.quote, punctuation.definition.quote#B7C1B1italic