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#f3f5f2
  • activityBar.border#00000015
  • activityBar.foreground#1f4d2f
  • activityBar.inactiveForeground#1a1e1b60
  • activityBarBadge.background#1f4d2f
  • activityBarBadge.foreground#f3f5f2
  • button.background#1f4d2f
  • button.foreground#f3f5f2
  • button.hoverBackground#1f4d2fdd
  • editor.background#f3f5f2
  • editor.foreground#1a1e1b
  • editor.inactiveSelectionBackground#d6d9d22580
  • editor.lineHighlightBackground#7d858050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d6d9d225
  • editorCursor.foreground#1f4d2f
  • editorGroupHeader.tabsBackground#7d8580aa
  • editorLineNumber.activeForeground#1f4d2f
  • editorLineNumber.foreground#2b312d80
  • focusBorder#1f4d2f
  • foreground#1a1e1b
  • input.background#7d8580
  • input.border#00000015
  • input.foreground#1a1e1b
  • input.placeholderForeground#1a1e1b60
  • list.activeSelectionBackground#1f4d2f30
  • list.activeSelectionForeground#1a1e1b
  • list.highlightForeground#1f4d2f
  • list.hoverBackground#7d858040
  • list.hoverForeground#1a1e1b
  • list.inactiveSelectionBackground#1f4d2f15
  • list.inactiveSelectionForeground#1a1e1b
  • selection.background#d6d9d225
  • sideBar.background#7d8580
  • sideBar.border#00000015
  • sideBar.foreground#1a1e1b
  • sideBarSectionHeader.background#7d858080
  • sideBarSectionHeader.foreground#1a1e1b
  • sideBarTitle.foreground#1f4d2f
  • statusBar.background#f3f5f2
  • statusBar.border#00000015
  • statusBar.foreground#1a1e1b
  • statusBar.noFolderBackground#f3f5f2
  • tab.activeBackground#f3f5f2
  • tab.activeBorderTop#1f4d2f
  • tab.activeForeground#1a1e1b
  • tab.border#00000015
  • tab.inactiveBackground#f3f5f260
  • tab.inactiveForeground#1a1e1b80
  • terminal.ansiBlack#1a1e1b
  • terminal.ansiBlue#d6d9d2
  • terminal.ansiCyan#e7ece9
  • terminal.ansiGreen#1f4d2f
  • terminal.ansiMagenta#6a8f4a
  • terminal.ansiRed#6a8f4a
  • terminal.ansiWhite#1a1e1b
  • terminal.ansiYellow#e7ece9
  • terminal.background#f3f5f2
  • terminal.foreground#1a1e1b
  • titleBar.activeBackground#f3f5f2
  • titleBar.activeForeground#1a1e1b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f3f5f2
  • titleBar.inactiveForeground#1a1e1b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2b312ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d6d9d2bold
storage.type, storage.modifier#d6d9d2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1f4d2f
string, punctuation.definition.string, string.template, meta.template.expression#e7ece9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6a8f4a
variable, variable.other.readwrite, variable.other.object#1a1e1b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1e1b
variable.parameter, meta.parameter#1a1e1bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a1e1b80
keyword.operator#1a1e1b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e7ece9bold
entity.other.inherited-class#1f4d2f
entity.name.tag, punctuation.definition.tag#d6d9d2
entity.other.attribute-name#1f4d2f
meta.diff, meta.diff.header#2b312d
markup.deleted#6a8f4a
markup.inserted#1f4d2f
markup.changed#e7ece9
markup.heading, markup.heading.setext, punctuation.definition.heading#1f4d2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e7ece9
string.other.link.title, string.other.link.description#1f4d2f
markup.underline.link#2b312dunderline
punctuation.definition.list#d6d9d2
markup.quote, punctuation.definition.quote#2b312ditalic