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#FAFBFA
  • activityBar.border#00000015
  • activityBar.foreground#00857A
  • activityBar.inactiveForeground#1B1F2260
  • activityBarBadge.background#00857A
  • activityBarBadge.foreground#FAFBFA
  • button.background#00857A
  • button.foreground#FAFBFA
  • button.hoverBackground#00857Add
  • editor.background#FAFBFA
  • editor.foreground#1B1F22
  • editor.inactiveSelectionBackground#6CD4BB2580
  • editor.lineHighlightBackground#F7F4F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#6CD4BB25
  • editorCursor.foreground#00857A
  • editorGroupHeader.tabsBackground#F7F4F4aa
  • editorLineNumber.activeForeground#00857A
  • editorLineNumber.foreground#D5D9DC80
  • focusBorder#00857A
  • foreground#1B1F22
  • input.background#F7F4F4
  • input.border#00000015
  • input.foreground#1B1F22
  • input.placeholderForeground#1B1F2260
  • list.activeSelectionBackground#00857A30
  • list.activeSelectionForeground#1B1F22
  • list.highlightForeground#00857A
  • list.hoverBackground#F7F4F440
  • list.hoverForeground#1B1F22
  • list.inactiveSelectionBackground#00857A15
  • list.inactiveSelectionForeground#1B1F22
  • selection.background#6CD4BB25
  • sideBar.background#F7F4F4
  • sideBar.border#00000015
  • sideBar.foreground#1B1F22
  • sideBarSectionHeader.background#F7F4F480
  • sideBarSectionHeader.foreground#1B1F22
  • sideBarTitle.foreground#00857A
  • statusBar.background#FAFBFA
  • statusBar.border#00000015
  • statusBar.foreground#1B1F22
  • statusBar.noFolderBackground#FAFBFA
  • tab.activeBackground#FAFBFA
  • tab.activeBorderTop#00857A
  • tab.activeForeground#1B1F22
  • tab.border#00000015
  • tab.inactiveBackground#FAFBFA60
  • tab.inactiveForeground#1B1F2280
  • terminal.ansiBlack#1B1F22
  • terminal.ansiBlue#6CD4BB
  • terminal.ansiCyan#18AA80
  • terminal.ansiGreen#00857A
  • terminal.ansiMagenta#D90343
  • terminal.ansiRed#D90343
  • terminal.ansiWhite#1B1F22
  • terminal.ansiYellow#18AA80
  • terminal.background#FAFBFA
  • terminal.foreground#1B1F22
  • titleBar.activeBackground#FAFBFA
  • titleBar.activeForeground#1B1F22
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBFA
  • titleBar.inactiveForeground#1B1F2260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D5D9DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#6CD4BBbold
storage.type, storage.modifier#6CD4BBitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#00857A
string, punctuation.definition.string, string.template, meta.template.expression#18AA80
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D90343
variable, variable.other.readwrite, variable.other.object#1B1F22
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1F22
variable.parameter, meta.parameter#1B1F22dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B1F2280
keyword.operator#1B1F22
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#18AA80bold
entity.other.inherited-class#00857A
entity.name.tag, punctuation.definition.tag#6CD4BB
entity.other.attribute-name#00857A
meta.diff, meta.diff.header#D5D9DC
markup.deleted#D90343
markup.inserted#00857A
markup.changed#18AA80
markup.heading, markup.heading.setext, punctuation.definition.heading#00857Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#18AA80
string.other.link.title, string.other.link.description#00857A
markup.underline.link#D5D9DCunderline
punctuation.definition.list#6CD4BB
markup.quote, punctuation.definition.quote#D5D9DCitalic