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#202821
  • activityBar.border#ffffff15
  • activityBar.foreground#6f8a42
  • activityBar.inactiveForeground#eef1e760
  • activityBarBadge.background#6f8a42
  • activityBarBadge.foreground#202821
  • button.background#6f8a42
  • button.foreground#202821
  • button.hoverBackground#6f8a42dd
  • editor.background#202821
  • editor.foreground#eef1e7
  • editor.inactiveSelectionBackground#a7b46b3580
  • editor.lineHighlightBackground#24312640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#a7b46b35
  • editorCursor.foreground#6f8a42
  • editorGroupHeader.tabsBackground#202821dd
  • editorLineNumber.activeForeground#6f8a42
  • editorLineNumber.foreground#b8beb580
  • focusBorder#6f8a42
  • foreground#eef1e7
  • input.background#243126
  • input.border#ffffff15
  • input.foreground#eef1e7
  • input.placeholderForeground#eef1e760
  • list.activeSelectionBackground#6f8a4230
  • list.activeSelectionForeground#eef1e7
  • list.highlightForeground#6f8a42
  • list.hoverBackground#24312640
  • list.hoverForeground#eef1e7
  • list.inactiveSelectionBackground#6f8a4215
  • list.inactiveSelectionForeground#eef1e7
  • selection.background#a7b46b35
  • sideBar.background#243126
  • sideBar.border#ffffff15
  • sideBar.foreground#eef1e7
  • sideBarSectionHeader.background#20282180
  • sideBarSectionHeader.foreground#eef1e7
  • sideBarTitle.foreground#6f8a42
  • statusBar.background#202821
  • statusBar.border#ffffff15
  • statusBar.foreground#eef1e7
  • statusBar.noFolderBackground#202821
  • tab.activeBackground#202821
  • tab.activeBorderTop#6f8a42
  • tab.activeForeground#eef1e7
  • tab.border#ffffff15
  • tab.inactiveBackground#24312660
  • tab.inactiveForeground#eef1e780
  • terminal.ansiBlack#202821
  • terminal.ansiBlue#a7b46b
  • terminal.ansiCyan#78939a
  • terminal.ansiGreen#6f8a42
  • terminal.ansiMagenta#b99a4b
  • terminal.ansiRed#b99a4b
  • terminal.ansiWhite#eef1e7
  • terminal.ansiYellow#78939a
  • terminal.background#202821
  • terminal.foreground#eef1e7
  • titleBar.activeBackground#202821
  • titleBar.activeForeground#eef1e7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#202821
  • titleBar.inactiveForeground#eef1e760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b8beb5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#a7b46bbold
storage.type, storage.modifier#a7b46bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6f8a42
string, punctuation.definition.string, string.template, meta.template.expression#78939a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b99a4b
variable, variable.other.readwrite, variable.other.object#eef1e7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eef1e7
variable.parameter, meta.parameter#eef1e7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eef1e780
keyword.operator#eef1e7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#78939abold
entity.other.inherited-class#6f8a42
entity.name.tag, punctuation.definition.tag#a7b46b
entity.other.attribute-name#6f8a42
meta.diff, meta.diff.header#b8beb5
markup.deleted#b99a4b
markup.inserted#6f8a42
markup.changed#78939a
markup.heading, markup.heading.setext, punctuation.definition.heading#6f8a42bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#78939a
string.other.link.title, string.other.link.description#6f8a42
markup.underline.link#b8beb5underline
punctuation.definition.list#a7b46b
markup.quote, punctuation.definition.quote#b8beb5italic