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#FFFDF6
  • activityBar.border#00000015
  • activityBar.foreground#6FAF7A
  • activityBar.inactiveForeground#08122060
  • activityBarBadge.background#6FAF7A
  • activityBarBadge.foreground#FFFDF6
  • button.background#6FAF7A
  • button.foreground#FFFDF6
  • button.hoverBackground#6FAF7Add
  • editor.background#FFFDF6
  • editor.foreground#081220
  • editor.inactiveSelectionBackground#FEF7E82580
  • editor.lineHighlightBackground#FFFDF650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FEF7E825
  • editorCursor.foreground#6FAF7A
  • editorGroupHeader.tabsBackground#FFFDF6aa
  • editorLineNumber.activeForeground#6FAF7A
  • editorLineNumber.foreground#F4F6FA80
  • focusBorder#6FAF7A
  • foreground#081220
  • input.background#FFFDF6
  • input.border#00000015
  • input.foreground#081220
  • input.placeholderForeground#08122060
  • list.activeSelectionBackground#6FAF7A30
  • list.activeSelectionForeground#081220
  • list.highlightForeground#6FAF7A
  • list.hoverBackground#FFFDF640
  • list.hoverForeground#081220
  • list.inactiveSelectionBackground#6FAF7A15
  • list.inactiveSelectionForeground#081220
  • selection.background#FEF7E825
  • sideBar.background#FFFDF6
  • sideBar.border#00000015
  • sideBar.foreground#081220
  • sideBarSectionHeader.background#FFFDF680
  • sideBarSectionHeader.foreground#081220
  • sideBarTitle.foreground#6FAF7A
  • statusBar.background#FFFDF6
  • statusBar.border#00000015
  • statusBar.foreground#081220
  • statusBar.noFolderBackground#FFFDF6
  • tab.activeBackground#FFFDF6
  • tab.activeBorderTop#6FAF7A
  • tab.activeForeground#081220
  • tab.border#00000015
  • tab.inactiveBackground#FFFDF660
  • tab.inactiveForeground#08122080
  • terminal.ansiBlack#081220
  • terminal.ansiBlue#FEF7E8
  • terminal.ansiCyan#2C3E5C
  • terminal.ansiGreen#6FAF7A
  • terminal.ansiMagenta#D4B36A
  • terminal.ansiRed#D4B36A
  • terminal.ansiWhite#081220
  • terminal.ansiYellow#2C3E5C
  • terminal.background#FFFDF6
  • terminal.foreground#081220
  • titleBar.activeBackground#FFFDF6
  • titleBar.activeForeground#081220
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFDF6
  • titleBar.inactiveForeground#08122060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F4F6FAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FEF7E8bold
storage.type, storage.modifier#FEF7E8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6FAF7A
string, punctuation.definition.string, string.template, meta.template.expression#2C3E5C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D4B36A
variable, variable.other.readwrite, variable.other.object#081220
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#081220
variable.parameter, meta.parameter#081220dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#08122080
keyword.operator#081220
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2C3E5Cbold
entity.other.inherited-class#6FAF7A
entity.name.tag, punctuation.definition.tag#FEF7E8
entity.other.attribute-name#6FAF7A
meta.diff, meta.diff.header#F4F6FA
markup.deleted#D4B36A
markup.inserted#6FAF7A
markup.changed#2C3E5C
markup.heading, markup.heading.setext, punctuation.definition.heading#6FAF7Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2C3E5C
string.other.link.title, string.other.link.description#6FAF7A
markup.underline.link#F4F6FAunderline
punctuation.definition.list#FEF7E8
markup.quote, punctuation.definition.quote#F4F6FAitalic