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#f6f8f3
  • activityBar.border#00000015
  • activityBar.foreground#4f7f3a
  • activityBar.inactiveForeground#1f2a1f60
  • activityBarBadge.background#4f7f3a
  • activityBarBadge.foreground#f6f8f3
  • button.background#4f7f3a
  • button.foreground#f6f8f3
  • button.hoverBackground#4f7f3add
  • editor.background#f6f8f3
  • editor.foreground#1f2a1f
  • editor.inactiveSelectionBackground#6a8f4e2580
  • editor.lineHighlightBackground#dde7c950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6a8f4e25
  • editorCursor.foreground#4f7f3a
  • editorGroupHeader.tabsBackground#dde7c9aa
  • editorLineNumber.activeForeground#4f7f3a
  • editorLineNumber.foreground#45533a80
  • focusBorder#4f7f3a
  • foreground#1f2a1f
  • input.background#dde7c9
  • input.border#00000015
  • input.foreground#1f2a1f
  • input.placeholderForeground#1f2a1f60
  • list.activeSelectionBackground#4f7f3a30
  • list.activeSelectionForeground#1f2a1f
  • list.highlightForeground#4f7f3a
  • list.hoverBackground#dde7c940
  • list.hoverForeground#1f2a1f
  • list.inactiveSelectionBackground#4f7f3a15
  • list.inactiveSelectionForeground#1f2a1f
  • selection.background#6a8f4e25
  • sideBar.background#dde7c9
  • sideBar.border#00000015
  • sideBar.foreground#1f2a1f
  • sideBarSectionHeader.background#dde7c980
  • sideBarSectionHeader.foreground#1f2a1f
  • sideBarTitle.foreground#4f7f3a
  • statusBar.background#f6f8f3
  • statusBar.border#00000015
  • statusBar.foreground#1f2a1f
  • statusBar.noFolderBackground#f6f8f3
  • tab.activeBackground#f6f8f3
  • tab.activeBorderTop#4f7f3a
  • tab.activeForeground#1f2a1f
  • tab.border#00000015
  • tab.inactiveBackground#f6f8f360
  • tab.inactiveForeground#1f2a1f80
  • terminal.ansiBlack#1f2a1f
  • terminal.ansiBlue#6a8f4e
  • terminal.ansiCyan#a7c97a
  • terminal.ansiGreen#4f7f3a
  • terminal.ansiMagenta#6b4e2e
  • terminal.ansiRed#6b4e2e
  • terminal.ansiWhite#1f2a1f
  • terminal.ansiYellow#a7c97a
  • terminal.background#f6f8f3
  • terminal.foreground#1f2a1f
  • titleBar.activeBackground#f6f8f3
  • titleBar.activeForeground#1f2a1f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f6f8f3
  • titleBar.inactiveForeground#1f2a1f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#45533aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6a8f4ebold
storage.type, storage.modifier#6a8f4eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#4f7f3a
string, punctuation.definition.string, string.template, meta.template.expression#a7c97a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6b4e2e
variable, variable.other.readwrite, variable.other.object#1f2a1f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2a1f
variable.parameter, meta.parameter#1f2a1fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f2a1f80
keyword.operator#1f2a1f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#a7c97abold
entity.other.inherited-class#4f7f3a
entity.name.tag, punctuation.definition.tag#6a8f4e
entity.other.attribute-name#4f7f3a
meta.diff, meta.diff.header#45533a
markup.deleted#6b4e2e
markup.inserted#4f7f3a
markup.changed#a7c97a
markup.heading, markup.heading.setext, punctuation.definition.heading#4f7f3abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#a7c97a
string.other.link.title, string.other.link.description#4f7f3a
markup.underline.link#45533aunderline
punctuation.definition.list#6a8f4e
markup.quote, punctuation.definition.quote#45533aitalic