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#3c403c
  • activityBar.border#ffffff15
  • activityBar.foreground#9eae82
  • activityBar.inactiveForeground#f0f1ea60
  • activityBarBadge.background#9eae82
  • activityBarBadge.foreground#3c403c
  • button.background#9eae82
  • button.foreground#3c403c
  • button.hoverBackground#9eae82dd
  • editor.background#3c403c
  • editor.foreground#f0f1ea
  • editor.inactiveSelectionBackground#8b90893580
  • editor.lineHighlightBackground#1f252240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8b908935
  • editorCursor.foreground#9eae82
  • editorGroupHeader.tabsBackground#3c403cdd
  • editorLineNumber.activeForeground#9eae82
  • editorLineNumber.foreground#aeb2aa80
  • focusBorder#9eae82
  • foreground#f0f1ea
  • input.background#1f2522
  • input.border#ffffff15
  • input.foreground#f0f1ea
  • input.placeholderForeground#f0f1ea60
  • list.activeSelectionBackground#9eae8230
  • list.activeSelectionForeground#f0f1ea
  • list.highlightForeground#9eae82
  • list.hoverBackground#1f252240
  • list.hoverForeground#f0f1ea
  • list.inactiveSelectionBackground#9eae8215
  • list.inactiveSelectionForeground#f0f1ea
  • selection.background#8b908935
  • sideBar.background#1f2522
  • sideBar.border#ffffff15
  • sideBar.foreground#f0f1ea
  • sideBarSectionHeader.background#3c403c80
  • sideBarSectionHeader.foreground#f0f1ea
  • sideBarTitle.foreground#9eae82
  • statusBar.background#3c403c
  • statusBar.border#ffffff15
  • statusBar.foreground#f0f1ea
  • statusBar.noFolderBackground#3c403c
  • tab.activeBackground#3c403c
  • tab.activeBorderTop#9eae82
  • tab.activeForeground#f0f1ea
  • tab.border#ffffff15
  • tab.inactiveBackground#1f252260
  • tab.inactiveForeground#f0f1ea80
  • terminal.ansiBlack#3c403c
  • terminal.ansiBlue#8b9089
  • terminal.ansiCyan#c16a32
  • terminal.ansiGreen#9eae82
  • terminal.ansiMagenta#c8d5a7
  • terminal.ansiRed#c8d5a7
  • terminal.ansiWhite#f0f1ea
  • terminal.ansiYellow#c16a32
  • terminal.background#3c403c
  • terminal.foreground#f0f1ea
  • titleBar.activeBackground#3c403c
  • titleBar.activeForeground#f0f1ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3c403c
  • titleBar.inactiveForeground#f0f1ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aeb2aaitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8b9089bold
storage.type, storage.modifier#8b9089italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9eae82
string, punctuation.definition.string, string.template, meta.template.expression#c16a32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c8d5a7
variable, variable.other.readwrite, variable.other.object#f0f1ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f0f1ea
variable.parameter, meta.parameter#f0f1eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f0f1ea80
keyword.operator#f0f1ea
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#c16a32bold
entity.other.inherited-class#9eae82
entity.name.tag, punctuation.definition.tag#8b9089
entity.other.attribute-name#9eae82
meta.diff, meta.diff.header#aeb2aa
markup.deleted#c8d5a7
markup.inserted#9eae82
markup.changed#c16a32
markup.heading, markup.heading.setext, punctuation.definition.heading#9eae82bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#c16a32
string.other.link.title, string.other.link.description#9eae82
markup.underline.link#aeb2aaunderline
punctuation.definition.list#8b9089
markup.quote, punctuation.definition.quote#aeb2aaitalic