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#242826
  • activityBar.border#ffffff15
  • activityBar.foreground#93E967
  • activityBar.inactiveForeground#f2eee360
  • activityBarBadge.background#93E967
  • activityBarBadge.foreground#242826
  • button.background#93E967
  • button.foreground#242826
  • button.hoverBackground#93E967dd
  • editor.background#242826
  • editor.foreground#f2eee3
  • editor.inactiveSelectionBackground#ECC9793580
  • editor.lineHighlightBackground#13151440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC97935
  • editorCursor.foreground#93E967
  • editorGroupHeader.tabsBackground#242826dd
  • editorLineNumber.activeForeground#93E967
  • editorLineNumber.foreground#e7dcc280
  • focusBorder#93E967
  • foreground#f2eee3
  • input.background#131514
  • input.border#ffffff15
  • input.foreground#f2eee3
  • input.placeholderForeground#f2eee360
  • list.activeSelectionBackground#93E96730
  • list.activeSelectionForeground#f2eee3
  • list.highlightForeground#93E967
  • list.hoverBackground#13151440
  • list.hoverForeground#f2eee3
  • list.inactiveSelectionBackground#93E96715
  • list.inactiveSelectionForeground#f2eee3
  • selection.background#ECC97935
  • sideBar.background#131514
  • sideBar.border#ffffff15
  • sideBar.foreground#f2eee3
  • sideBarSectionHeader.background#24282680
  • sideBarSectionHeader.foreground#f2eee3
  • sideBarTitle.foreground#93E967
  • statusBar.background#242826
  • statusBar.border#ffffff15
  • statusBar.foreground#f2eee3
  • statusBar.noFolderBackground#242826
  • tab.activeBackground#242826
  • tab.activeBorderTop#93E967
  • tab.activeForeground#f2eee3
  • tab.border#ffffff15
  • tab.inactiveBackground#13151460
  • tab.inactiveForeground#f2eee380
  • terminal.ansiBlack#242826
  • terminal.ansiBlue#ECC979
  • terminal.ansiCyan#CFE755
  • terminal.ansiGreen#93E967
  • terminal.ansiMagenta#F1DD83
  • terminal.ansiRed#F1DD83
  • terminal.ansiWhite#f2eee3
  • terminal.ansiYellow#CFE755
  • terminal.background#242826
  • terminal.foreground#f2eee3
  • titleBar.activeBackground#242826
  • titleBar.activeForeground#f2eee3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#242826
  • titleBar.inactiveForeground#f2eee360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e7dcc2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC979bold
storage.type, storage.modifier#ECC979italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93E967
string, punctuation.definition.string, string.template, meta.template.expression#CFE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1DD83
variable, variable.other.readwrite, variable.other.object#f2eee3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f2eee3
variable.parameter, meta.parameter#f2eee3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f2eee380
keyword.operator#f2eee3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#CFE755bold
entity.other.inherited-class#93E967
entity.name.tag, punctuation.definition.tag#ECC979
entity.other.attribute-name#93E967
meta.diff, meta.diff.header#e7dcc2
markup.deleted#F1DD83
markup.inserted#93E967
markup.changed#CFE755
markup.heading, markup.heading.setext, punctuation.definition.heading#93E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#CFE755
string.other.link.title, string.other.link.description#93E967
markup.underline.link#e7dcc2underline
punctuation.definition.list#ECC979
markup.quote, punctuation.definition.quote#e7dcc2italic