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#F6F4EF
  • activityBar.border#00000015
  • activityBar.foreground#6F7378
  • activityBar.inactiveForeground#1B1F2360
  • activityBarBadge.background#6F7378
  • activityBarBadge.foreground#F6F4EF
  • button.background#6F7378
  • button.foreground#F6F4EF
  • button.hoverBackground#6F7378dd
  • editor.background#F6F4EF
  • editor.foreground#1B1F23
  • editor.inactiveSelectionBackground#B68A642580
  • editor.lineHighlightBackground#F6F7F850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B68A6425
  • editorCursor.foreground#6F7378
  • editorGroupHeader.tabsBackground#F6F7F8aa
  • editorLineNumber.activeForeground#6F7378
  • editorLineNumber.foreground#ECEFF280
  • focusBorder#6F7378
  • foreground#1B1F23
  • input.background#F6F7F8
  • input.border#00000015
  • input.foreground#1B1F23
  • input.placeholderForeground#1B1F2360
  • list.activeSelectionBackground#6F737830
  • list.activeSelectionForeground#1B1F23
  • list.highlightForeground#6F7378
  • list.hoverBackground#F6F7F840
  • list.hoverForeground#1B1F23
  • list.inactiveSelectionBackground#6F737815
  • list.inactiveSelectionForeground#1B1F23
  • selection.background#B68A6425
  • sideBar.background#F6F7F8
  • sideBar.border#00000015
  • sideBar.foreground#1B1F23
  • sideBarSectionHeader.background#F6F7F880
  • sideBarSectionHeader.foreground#1B1F23
  • sideBarTitle.foreground#6F7378
  • statusBar.background#F6F4EF
  • statusBar.border#00000015
  • statusBar.foreground#1B1F23
  • statusBar.noFolderBackground#F6F4EF
  • tab.activeBackground#F6F4EF
  • tab.activeBorderTop#6F7378
  • tab.activeForeground#1B1F23
  • tab.border#00000015
  • tab.inactiveBackground#F6F4EF60
  • tab.inactiveForeground#1B1F2380
  • terminal.ansiBlack#1B1F23
  • terminal.ansiBlue#B68A64
  • terminal.ansiCyan#A3B18A
  • terminal.ansiGreen#6F7378
  • terminal.ansiMagenta#B85C4A
  • terminal.ansiRed#B85C4A
  • terminal.ansiWhite#1B1F23
  • terminal.ansiYellow#A3B18A
  • terminal.background#F6F4EF
  • terminal.foreground#1B1F23
  • titleBar.activeBackground#F6F4EF
  • titleBar.activeForeground#1B1F23
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F4EF
  • titleBar.inactiveForeground#1B1F2360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ECEFF2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B68A64bold
storage.type, storage.modifier#B68A64italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6F7378
string, punctuation.definition.string, string.template, meta.template.expression#A3B18A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B85C4A
variable, variable.other.readwrite, variable.other.object#1B1F23
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1F23
variable.parameter, meta.parameter#1B1F23dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B1F2380
keyword.operator#1B1F23
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3B18Abold
entity.other.inherited-class#6F7378
entity.name.tag, punctuation.definition.tag#B68A64
entity.other.attribute-name#6F7378
meta.diff, meta.diff.header#ECEFF2
markup.deleted#B85C4A
markup.inserted#6F7378
markup.changed#A3B18A
markup.heading, markup.heading.setext, punctuation.definition.heading#6F7378bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3B18A
string.other.link.title, string.other.link.description#6F7378
markup.underline.link#ECEFF2underline
punctuation.definition.list#B68A64
markup.quote, punctuation.definition.quote#ECEFF2italic