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#624C32
  • activityBar.border#ffffff15
  • activityBar.foreground#67E967
  • activityBar.inactiveForeground#eef1e760
  • activityBarBadge.background#67E967
  • activityBarBadge.foreground#624C32
  • button.background#67E967
  • button.foreground#624C32
  • button.hoverBackground#67E967dd
  • editor.background#624C32
  • editor.foreground#eef1e7
  • editor.inactiveSelectionBackground#79ECB63580
  • editor.lineHighlightBackground#090C0840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECB635
  • editorCursor.foreground#67E967
  • editorGroupHeader.tabsBackground#624C32dd
  • editorLineNumber.activeForeground#67E967
  • editorLineNumber.foreground#71845d80
  • focusBorder#67E967
  • foreground#eef1e7
  • input.background#090C08
  • input.border#ffffff15
  • input.foreground#eef1e7
  • input.placeholderForeground#eef1e760
  • list.activeSelectionBackground#67E96730
  • list.activeSelectionForeground#eef1e7
  • list.highlightForeground#67E967
  • list.hoverBackground#090C0840
  • list.hoverForeground#eef1e7
  • list.inactiveSelectionBackground#67E96715
  • list.inactiveSelectionForeground#eef1e7
  • selection.background#79ECB635
  • sideBar.background#090C08
  • sideBar.border#ffffff15
  • sideBar.foreground#eef1e7
  • sideBarSectionHeader.background#624C3280
  • sideBarSectionHeader.foreground#eef1e7
  • sideBarTitle.foreground#67E967
  • statusBar.background#624C32
  • statusBar.border#ffffff15
  • statusBar.foreground#eef1e7
  • statusBar.noFolderBackground#624C32
  • tab.activeBackground#624C32
  • tab.activeBorderTop#67E967
  • tab.activeForeground#eef1e7
  • tab.border#ffffff15
  • tab.inactiveBackground#090C0860
  • tab.inactiveForeground#eef1e780
  • terminal.ansiBlack#624C32
  • terminal.ansiBlue#79ECB6
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#67E967
  • terminal.ansiMagenta#F1A083
  • terminal.ansiRed#F1A083
  • terminal.ansiWhite#eef1e7
  • terminal.ansiYellow#E7BB55
  • terminal.background#624C32
  • terminal.foreground#eef1e7
  • titleBar.activeBackground#624C32
  • titleBar.activeForeground#eef1e7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#624C32
  • titleBar.inactiveForeground#eef1e760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#71845ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECB6bold
storage.type, storage.modifier#79ECB6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E967
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A083
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#E7BB55bold
entity.other.inherited-class#67E967
entity.name.tag, punctuation.definition.tag#79ECB6
entity.other.attribute-name#67E967
meta.diff, meta.diff.header#71845d
markup.deleted#F1A083
markup.inserted#67E967
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#67E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#67E967
markup.underline.link#71845dunderline
punctuation.definition.list#79ECB6
markup.quote, punctuation.definition.quote#71845ditalic