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#4B3A2A
  • activityBar.border#ffffff15
  • activityBar.foreground#67E967
  • activityBar.inactiveForeground#f3efe560
  • activityBarBadge.background#67E967
  • activityBarBadge.foreground#4B3A2A
  • button.background#67E967
  • button.foreground#4B3A2A
  • button.hoverBackground#67E967dd
  • editor.background#4B3A2A
  • editor.foreground#f3efe5
  • editor.inactiveSelectionBackground#ECDE793580
  • editor.lineHighlightBackground#0A0B0940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECDE7935
  • editorCursor.foreground#67E967
  • editorGroupHeader.tabsBackground#4B3A2Add
  • editorLineNumber.activeForeground#67E967
  • editorLineNumber.foreground#fbfaf380
  • focusBorder#67E967
  • foreground#f3efe5
  • input.background#0A0B09
  • input.border#ffffff15
  • input.foreground#f3efe5
  • input.placeholderForeground#f3efe560
  • list.activeSelectionBackground#67E96730
  • list.activeSelectionForeground#f3efe5
  • list.highlightForeground#67E967
  • list.hoverBackground#0A0B0940
  • list.hoverForeground#f3efe5
  • list.inactiveSelectionBackground#67E96715
  • list.inactiveSelectionForeground#f3efe5
  • selection.background#ECDE7935
  • sideBar.background#0A0B09
  • sideBar.border#ffffff15
  • sideBar.foreground#f3efe5
  • sideBarSectionHeader.background#4B3A2A80
  • sideBarSectionHeader.foreground#f3efe5
  • sideBarTitle.foreground#67E967
  • statusBar.background#4B3A2A
  • statusBar.border#ffffff15
  • statusBar.foreground#f3efe5
  • statusBar.noFolderBackground#4B3A2A
  • tab.activeBackground#4B3A2A
  • tab.activeBorderTop#67E967
  • tab.activeForeground#f3efe5
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0B0960
  • tab.inactiveForeground#f3efe580
  • terminal.ansiBlack#4B3A2A
  • terminal.ansiBlue#ECDE79
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#67E967
  • terminal.ansiMagenta#ABF183
  • terminal.ansiRed#ABF183
  • terminal.ansiWhite#f3efe5
  • terminal.ansiYellow#E7AF55
  • terminal.background#4B3A2A
  • terminal.foreground#f3efe5
  • titleBar.activeBackground#4B3A2A
  • titleBar.activeForeground#f3efe5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4B3A2A
  • titleBar.inactiveForeground#f3efe560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fbfaf3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECDE79bold
storage.type, storage.modifier#ECDE79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E967
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#ABF183
variable, variable.other.readwrite, variable.other.object#f3efe5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3efe5
variable.parameter, meta.parameter#f3efe5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3efe580
keyword.operator#f3efe5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AF55bold
entity.other.inherited-class#67E967
entity.name.tag, punctuation.definition.tag#ECDE79
entity.other.attribute-name#67E967
meta.diff, meta.diff.header#fbfaf3
markup.deleted#ABF183
markup.inserted#67E967
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#67E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#67E967
markup.underline.link#fbfaf3underline
punctuation.definition.list#ECDE79
markup.quote, punctuation.definition.quote#fbfaf3italic