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#2E251F
  • activityBar.border#ffffff15
  • activityBar.foreground#A8E967
  • activityBar.inactiveForeground#f4efe560
  • activityBarBadge.background#A8E967
  • activityBarBadge.foreground#2E251F
  • button.background#A8E967
  • button.foreground#2E251F
  • button.hoverBackground#A8E967dd
  • editor.background#2E251F
  • editor.foreground#f4efe5
  • editor.inactiveSelectionBackground#ECA7793580
  • editor.lineHighlightBackground#14120F40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA77935
  • editorCursor.foreground#A8E967
  • editorGroupHeader.tabsBackground#2E251Fdd
  • editorLineNumber.activeForeground#A8E967
  • editorLineNumber.foreground#81766e80
  • focusBorder#A8E967
  • foreground#f4efe5
  • input.background#14120F
  • input.border#ffffff15
  • input.foreground#f4efe5
  • input.placeholderForeground#f4efe560
  • list.activeSelectionBackground#A8E96730
  • list.activeSelectionForeground#f4efe5
  • list.highlightForeground#A8E967
  • list.hoverBackground#14120F40
  • list.hoverForeground#f4efe5
  • list.inactiveSelectionBackground#A8E96715
  • list.inactiveSelectionForeground#f4efe5
  • selection.background#ECA77935
  • sideBar.background#14120F
  • sideBar.border#ffffff15
  • sideBar.foreground#f4efe5
  • sideBarSectionHeader.background#2E251F80
  • sideBarSectionHeader.foreground#f4efe5
  • sideBarTitle.foreground#A8E967
  • statusBar.background#2E251F
  • statusBar.border#ffffff15
  • statusBar.foreground#f4efe5
  • statusBar.noFolderBackground#2E251F
  • tab.activeBackground#2E251F
  • tab.activeBorderTop#A8E967
  • tab.activeForeground#f4efe5
  • tab.border#ffffff15
  • tab.inactiveBackground#14120F60
  • tab.inactiveForeground#f4efe580
  • terminal.ansiBlack#2E251F
  • terminal.ansiBlue#ECA779
  • terminal.ansiCyan#E7D855
  • terminal.ansiGreen#A8E967
  • terminal.ansiMagenta#C0F183
  • terminal.ansiRed#C0F183
  • terminal.ansiWhite#f4efe5
  • terminal.ansiYellow#E7D855
  • terminal.background#2E251F
  • terminal.foreground#f4efe5
  • titleBar.activeBackground#2E251F
  • titleBar.activeForeground#f4efe5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2E251F
  • titleBar.inactiveForeground#f4efe560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#81766eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECA779bold
storage.type, storage.modifier#ECA779italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A8E967
string, punctuation.definition.string, string.template, meta.template.expression#E7D855
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C0F183
variable, variable.other.readwrite, variable.other.object#f4efe5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4efe5
variable.parameter, meta.parameter#f4efe5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4efe580
keyword.operator#f4efe5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7D855bold
entity.other.inherited-class#A8E967
entity.name.tag, punctuation.definition.tag#ECA779
entity.other.attribute-name#A8E967
meta.diff, meta.diff.header#81766e
markup.deleted#C0F183
markup.inserted#A8E967
markup.changed#E7D855
markup.heading, markup.heading.setext, punctuation.definition.heading#A8E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7D855
string.other.link.title, string.other.link.description#A8E967
markup.underline.link#81766eunderline
punctuation.definition.list#ECA779
markup.quote, punctuation.definition.quote#81766eitalic