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#2E2A24
  • activityBar.border#ffffff15
  • activityBar.foreground#D4E967
  • activityBar.inactiveForeground#F2F4EC60
  • activityBarBadge.background#D4E967
  • activityBarBadge.foreground#2E2A24
  • button.background#D4E967
  • button.foreground#2E2A24
  • button.hoverBackground#D4E967dd
  • editor.background#2E2A24
  • editor.foreground#F2F4EC
  • editor.inactiveSelectionBackground#A3EC793580
  • editor.lineHighlightBackground#2E2A2440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A3EC7935
  • editorCursor.foreground#D4E967
  • editorGroupHeader.tabsBackground#2E2A24dd
  • editorLineNumber.activeForeground#D4E967
  • editorLineNumber.foreground#cddbb480
  • focusBorder#D4E967
  • foreground#F2F4EC
  • input.background#2E2A24
  • input.border#ffffff15
  • input.foreground#F2F4EC
  • input.placeholderForeground#F2F4EC60
  • list.activeSelectionBackground#D4E96730
  • list.activeSelectionForeground#F2F4EC
  • list.highlightForeground#D4E967
  • list.hoverBackground#2E2A2440
  • list.hoverForeground#F2F4EC
  • list.inactiveSelectionBackground#D4E96715
  • list.inactiveSelectionForeground#F2F4EC
  • selection.background#A3EC7935
  • sideBar.background#2E2A24
  • sideBar.border#ffffff15
  • sideBar.foreground#F2F4EC
  • sideBarSectionHeader.background#2E2A2480
  • sideBarSectionHeader.foreground#F2F4EC
  • sideBarTitle.foreground#D4E967
  • statusBar.background#2E2A24
  • statusBar.border#ffffff15
  • statusBar.foreground#F2F4EC
  • statusBar.noFolderBackground#2E2A24
  • tab.activeBackground#2E2A24
  • tab.activeBorderTop#D4E967
  • tab.activeForeground#F2F4EC
  • tab.border#ffffff15
  • tab.inactiveBackground#2E2A2460
  • tab.inactiveForeground#F2F4EC80
  • terminal.ansiBlack#2E2A24
  • terminal.ansiBlue#A3EC79
  • terminal.ansiCyan#C2E755
  • terminal.ansiGreen#D4E967
  • terminal.ansiMagenta#F1B683
  • terminal.ansiRed#F1B683
  • terminal.ansiWhite#F2F4EC
  • terminal.ansiYellow#C2E755
  • terminal.background#2E2A24
  • terminal.foreground#F2F4EC
  • titleBar.activeBackground#2E2A24
  • titleBar.activeForeground#F2F4EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2E2A24
  • titleBar.inactiveForeground#F2F4EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#cddbb4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A3EC79bold
storage.type, storage.modifier#A3EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D4E967
string, punctuation.definition.string, string.template, meta.template.expression#C2E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B683
variable, variable.other.readwrite, variable.other.object#F2F4EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F2F4EC
variable.parameter, meta.parameter#F2F4ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F2F4EC80
keyword.operator#F2F4EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C2E755bold
entity.other.inherited-class#D4E967
entity.name.tag, punctuation.definition.tag#A3EC79
entity.other.attribute-name#D4E967
meta.diff, meta.diff.header#cddbb4
markup.deleted#F1B683
markup.inserted#D4E967
markup.changed#C2E755
markup.heading, markup.heading.setext, punctuation.definition.heading#D4E967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C2E755
string.other.link.title, string.other.link.description#D4E967
markup.underline.link#cddbb4underline
punctuation.definition.list#A3EC79
markup.quote, punctuation.definition.quote#cddbb4italic