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#a7c65a
  • activityBar.border#ffffff15
  • activityBar.foreground#1f4d2f
  • activityBar.inactiveForeground#f3f5f260
  • activityBarBadge.background#1f4d2f
  • activityBarBadge.foreground#a7c65a
  • button.background#1f4d2f
  • button.foreground#a7c65a
  • button.hoverBackground#1f4d2fdd
  • editor.background#a7c65a
  • editor.foreground#f3f5f2
  • editor.inactiveSelectionBackground#d6d9d23580
  • editor.lineHighlightBackground#1a1e1b40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d6d9d235
  • editorCursor.foreground#1f4d2f
  • editorGroupHeader.tabsBackground#a7c65add
  • editorLineNumber.activeForeground#1f4d2f
  • editorLineNumber.foreground#2b312d80
  • focusBorder#1f4d2f
  • foreground#f3f5f2
  • input.background#1a1e1b
  • input.border#ffffff15
  • input.foreground#f3f5f2
  • input.placeholderForeground#f3f5f260
  • list.activeSelectionBackground#1f4d2f30
  • list.activeSelectionForeground#f3f5f2
  • list.highlightForeground#1f4d2f
  • list.hoverBackground#1a1e1b40
  • list.hoverForeground#f3f5f2
  • list.inactiveSelectionBackground#1f4d2f15
  • list.inactiveSelectionForeground#f3f5f2
  • selection.background#d6d9d235
  • sideBar.background#1a1e1b
  • sideBar.border#ffffff15
  • sideBar.foreground#f3f5f2
  • sideBarSectionHeader.background#a7c65a80
  • sideBarSectionHeader.foreground#f3f5f2
  • sideBarTitle.foreground#1f4d2f
  • statusBar.background#a7c65a
  • statusBar.border#ffffff15
  • statusBar.foreground#f3f5f2
  • statusBar.noFolderBackground#a7c65a
  • tab.activeBackground#a7c65a
  • tab.activeBorderTop#1f4d2f
  • tab.activeForeground#f3f5f2
  • tab.border#ffffff15
  • tab.inactiveBackground#1a1e1b60
  • tab.inactiveForeground#f3f5f280
  • terminal.ansiBlack#a7c65a
  • terminal.ansiBlue#d6d9d2
  • terminal.ansiCyan#e7ece9
  • terminal.ansiGreen#1f4d2f
  • terminal.ansiMagenta#6a8f4a
  • terminal.ansiRed#6a8f4a
  • terminal.ansiWhite#f3f5f2
  • terminal.ansiYellow#e7ece9
  • terminal.background#a7c65a
  • terminal.foreground#f3f5f2
  • titleBar.activeBackground#a7c65a
  • titleBar.activeForeground#f3f5f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#a7c65a
  • titleBar.inactiveForeground#f3f5f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2b312ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d6d9d2bold
storage.type, storage.modifier#d6d9d2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1f4d2f
string, punctuation.definition.string, string.template, meta.template.expression#e7ece9
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6a8f4a
variable, variable.other.readwrite, variable.other.object#f3f5f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f3f5f2
variable.parameter, meta.parameter#f3f5f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f3f5f280
keyword.operator#f3f5f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#e7ece9bold
entity.other.inherited-class#1f4d2f
entity.name.tag, punctuation.definition.tag#d6d9d2
entity.other.attribute-name#1f4d2f
meta.diff, meta.diff.header#2b312d
markup.deleted#6a8f4a
markup.inserted#1f4d2f
markup.changed#e7ece9
markup.heading, markup.heading.setext, punctuation.definition.heading#1f4d2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#e7ece9
string.other.link.title, string.other.link.description#1f4d2f
markup.underline.link#2b312dunderline
punctuation.definition.list#d6d9d2
markup.quote, punctuation.definition.quote#2b312ditalic