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#4A4A41
  • activityBar.border#ffffff15
  • activityBar.foreground#2E7D32
  • activityBar.inactiveForeground#EFE7D160
  • activityBarBadge.background#2E7D32
  • activityBarBadge.foreground#4A4A41
  • button.background#2E7D32
  • button.foreground#4A4A41
  • button.hoverBackground#2E7D32dd
  • editor.background#4A4A41
  • editor.foreground#EFE7D1
  • editor.inactiveSelectionBackground#5D91473580
  • editor.lineHighlightBackground#0B0F0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5D914735
  • editorCursor.foreground#2E7D32
  • editorGroupHeader.tabsBackground#4A4A41dd
  • editorLineNumber.activeForeground#2E7D32
  • editorLineNumber.foreground#DDE5DE80
  • focusBorder#2E7D32
  • foreground#EFE7D1
  • input.background#0B0F0C
  • input.border#ffffff15
  • input.foreground#EFE7D1
  • input.placeholderForeground#EFE7D160
  • list.activeSelectionBackground#2E7D3230
  • list.activeSelectionForeground#EFE7D1
  • list.highlightForeground#2E7D32
  • list.hoverBackground#0B0F0C40
  • list.hoverForeground#EFE7D1
  • list.inactiveSelectionBackground#2E7D3215
  • list.inactiveSelectionForeground#EFE7D1
  • selection.background#5D914735
  • sideBar.background#0B0F0C
  • sideBar.border#ffffff15
  • sideBar.foreground#EFE7D1
  • sideBarSectionHeader.background#4A4A4180
  • sideBarSectionHeader.foreground#EFE7D1
  • sideBarTitle.foreground#2E7D32
  • statusBar.background#4A4A41
  • statusBar.border#ffffff15
  • statusBar.foreground#EFE7D1
  • statusBar.noFolderBackground#4A4A41
  • tab.activeBackground#4A4A41
  • tab.activeBorderTop#2E7D32
  • tab.activeForeground#EFE7D1
  • tab.border#ffffff15
  • tab.inactiveBackground#0B0F0C60
  • tab.inactiveForeground#EFE7D180
  • terminal.ansiBlack#4A4A41
  • terminal.ansiBlue#5D9147
  • terminal.ansiCyan#7FDF75
  • terminal.ansiGreen#2E7D32
  • terminal.ansiMagenta#C9A44E
  • terminal.ansiRed#C9A44E
  • terminal.ansiWhite#EFE7D1
  • terminal.ansiYellow#7FDF75
  • terminal.background#4A4A41
  • terminal.foreground#EFE7D1
  • titleBar.activeBackground#4A4A41
  • titleBar.activeForeground#EFE7D1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4A4A41
  • titleBar.inactiveForeground#EFE7D160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DDE5DEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5D9147bold
storage.type, storage.modifier#5D9147italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2E7D32
string, punctuation.definition.string, string.template, meta.template.expression#7FDF75
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C9A44E
variable, variable.other.readwrite, variable.other.object#EFE7D1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#EFE7D1
variable.parameter, meta.parameter#EFE7D1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#EFE7D180
keyword.operator#EFE7D1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7FDF75bold
entity.other.inherited-class#2E7D32
entity.name.tag, punctuation.definition.tag#5D9147
entity.other.attribute-name#2E7D32
meta.diff, meta.diff.header#DDE5DE
markup.deleted#C9A44E
markup.inserted#2E7D32
markup.changed#7FDF75
markup.heading, markup.heading.setext, punctuation.definition.heading#2E7D32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7FDF75
string.other.link.title, string.other.link.description#2E7D32
markup.underline.link#DDE5DEunderline
punctuation.definition.list#5D9147
markup.quote, punctuation.definition.quote#DDE5DEitalic