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#FAF7EF
  • activityBar.border#00000015
  • activityBar.foreground#5E7F3E
  • activityBar.inactiveForeground#2E3C2C60
  • activityBarBadge.background#5E7F3E
  • activityBarBadge.foreground#FAF7EF
  • button.background#5E7F3E
  • button.foreground#FAF7EF
  • button.hoverBackground#5E7F3Edd
  • editor.background#FAF7EF
  • editor.foreground#2E3C2C
  • editor.inactiveSelectionBackground#D7C38E2580
  • editor.lineHighlightBackground#FFFDF750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#D7C38E25
  • editorCursor.foreground#5E7F3E
  • editorGroupHeader.tabsBackground#FFFDF7aa
  • editorLineNumber.activeForeground#5E7F3E
  • editorLineNumber.foreground#E6EBDF80
  • focusBorder#5E7F3E
  • foreground#2E3C2C
  • input.background#FFFDF7
  • input.border#00000015
  • input.foreground#2E3C2C
  • input.placeholderForeground#2E3C2C60
  • list.activeSelectionBackground#5E7F3E30
  • list.activeSelectionForeground#2E3C2C
  • list.highlightForeground#5E7F3E
  • list.hoverBackground#FFFDF740
  • list.hoverForeground#2E3C2C
  • list.inactiveSelectionBackground#5E7F3E15
  • list.inactiveSelectionForeground#2E3C2C
  • selection.background#D7C38E25
  • sideBar.background#FFFDF7
  • sideBar.border#00000015
  • sideBar.foreground#2E3C2C
  • sideBarSectionHeader.background#FFFDF780
  • sideBarSectionHeader.foreground#2E3C2C
  • sideBarTitle.foreground#5E7F3E
  • statusBar.background#FAF7EF
  • statusBar.border#00000015
  • statusBar.foreground#2E3C2C
  • statusBar.noFolderBackground#FAF7EF
  • tab.activeBackground#FAF7EF
  • tab.activeBorderTop#5E7F3E
  • tab.activeForeground#2E3C2C
  • tab.border#00000015
  • tab.inactiveBackground#FAF7EF60
  • tab.inactiveForeground#2E3C2C80
  • terminal.ansiBlack#2E3C2C
  • terminal.ansiBlue#D7C38E
  • terminal.ansiCyan#E3C44E
  • terminal.ansiGreen#5E7F3E
  • terminal.ansiMagenta#F5D978
  • terminal.ansiRed#F5D978
  • terminal.ansiWhite#2E3C2C
  • terminal.ansiYellow#E3C44E
  • terminal.background#FAF7EF
  • terminal.foreground#2E3C2C
  • titleBar.activeBackground#FAF7EF
  • titleBar.activeForeground#2E3C2C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF7EF
  • titleBar.inactiveForeground#2E3C2C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6EBDFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#D7C38Ebold
storage.type, storage.modifier#D7C38Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5E7F3E
string, punctuation.definition.string, string.template, meta.template.expression#E3C44E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F5D978
variable, variable.other.readwrite, variable.other.object#2E3C2C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E3C2C
variable.parameter, meta.parameter#2E3C2Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E3C2C80
keyword.operator#2E3C2C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E3C44Ebold
entity.other.inherited-class#5E7F3E
entity.name.tag, punctuation.definition.tag#D7C38E
entity.other.attribute-name#5E7F3E
meta.diff, meta.diff.header#E6EBDF
markup.deleted#F5D978
markup.inserted#5E7F3E
markup.changed#E3C44E
markup.heading, markup.heading.setext, punctuation.definition.heading#5E7F3Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E3C44E
string.other.link.title, string.other.link.description#5E7F3E
markup.underline.link#E6EBDFunderline
punctuation.definition.list#D7C38E
markup.quote, punctuation.definition.quote#E6EBDFitalic