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#FAFBF9
  • activityBar.border#00000015
  • activityBar.foreground#259367
  • activityBar.inactiveForeground#0f141160
  • activityBarBadge.background#259367
  • activityBarBadge.foreground#FAFBF9
  • button.background#259367
  • button.foreground#FAFBF9
  • button.hoverBackground#259367dd
  • editor.background#FAFBF9
  • editor.foreground#0f1411
  • editor.inactiveSelectionBackground#3E83212580
  • editor.lineHighlightBackground#F7F9F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3E832125
  • editorCursor.foreground#259367
  • editorGroupHeader.tabsBackground#F7F9F6aa
  • editorLineNumber.activeForeground#259367
  • editorLineNumber.foreground#e6e9e680
  • focusBorder#259367
  • foreground#0f1411
  • input.background#F7F9F6
  • input.border#00000015
  • input.foreground#0f1411
  • input.placeholderForeground#0f141160
  • list.activeSelectionBackground#25936730
  • list.activeSelectionForeground#0f1411
  • list.highlightForeground#259367
  • list.hoverBackground#F7F9F640
  • list.hoverForeground#0f1411
  • list.inactiveSelectionBackground#25936715
  • list.inactiveSelectionForeground#0f1411
  • selection.background#3E832125
  • sideBar.background#F7F9F6
  • sideBar.border#00000015
  • sideBar.foreground#0f1411
  • sideBarSectionHeader.background#F7F9F680
  • sideBarSectionHeader.foreground#0f1411
  • sideBarTitle.foreground#259367
  • statusBar.background#FAFBF9
  • statusBar.border#00000015
  • statusBar.foreground#0f1411
  • statusBar.noFolderBackground#FAFBF9
  • tab.activeBackground#FAFBF9
  • tab.activeBorderTop#259367
  • tab.activeForeground#0f1411
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF960
  • tab.inactiveForeground#0f141180
  • terminal.ansiBlack#0f1411
  • terminal.ansiBlue#3E8321
  • terminal.ansiCyan#29A399
  • terminal.ansiGreen#259367
  • terminal.ansiMagenta#765219
  • terminal.ansiRed#765219
  • terminal.ansiWhite#0f1411
  • terminal.ansiYellow#29A399
  • terminal.background#FAFBF9
  • terminal.foreground#0f1411
  • titleBar.activeBackground#FAFBF9
  • titleBar.activeForeground#0f1411
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF9
  • titleBar.inactiveForeground#0f141160
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e9e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3E8321bold
storage.type, storage.modifier#3E8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259367
string, punctuation.definition.string, string.template, meta.template.expression#29A399
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765219
variable, variable.other.readwrite, variable.other.object#0f1411
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0f1411
variable.parameter, meta.parameter#0f1411dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0f141180
keyword.operator#0f1411
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A399bold
entity.other.inherited-class#259367
entity.name.tag, punctuation.definition.tag#3E8321
entity.other.attribute-name#259367
meta.diff, meta.diff.header#e6e9e6
markup.deleted#765219
markup.inserted#259367
markup.changed#29A399
markup.heading, markup.heading.setext, punctuation.definition.heading#259367bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A399
string.other.link.title, string.other.link.description#259367
markup.underline.link#e6e9e6underline
punctuation.definition.list#3E8321
markup.quote, punctuation.definition.quote#e6e9e6italic