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#3B2A1A
  • activityBar.border#ffffff15
  • activityBar.foreground#2F7D32
  • activityBar.inactiveForeground#F6F7EA60
  • activityBarBadge.background#2F7D32
  • activityBarBadge.foreground#3B2A1A
  • button.background#2F7D32
  • button.foreground#3B2A1A
  • button.hoverBackground#2F7D32dd
  • editor.background#3B2A1A
  • editor.foreground#F6F7EA
  • editor.inactiveSelectionBackground#A7C9573580
  • editor.lineHighlightBackground#1E2D1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A7C95735
  • editorCursor.foreground#2F7D32
  • editorGroupHeader.tabsBackground#3B2A1Add
  • editorLineNumber.activeForeground#2F7D32
  • editorLineNumber.foreground#E8EDD780
  • focusBorder#2F7D32
  • foreground#F6F7EA
  • input.background#1E2D1B
  • input.border#ffffff15
  • input.foreground#F6F7EA
  • input.placeholderForeground#F6F7EA60
  • list.activeSelectionBackground#2F7D3230
  • list.activeSelectionForeground#F6F7EA
  • list.highlightForeground#2F7D32
  • list.hoverBackground#1E2D1B40
  • list.hoverForeground#F6F7EA
  • list.inactiveSelectionBackground#2F7D3215
  • list.inactiveSelectionForeground#F6F7EA
  • selection.background#A7C95735
  • sideBar.background#1E2D1B
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F7EA
  • sideBarSectionHeader.background#3B2A1A80
  • sideBarSectionHeader.foreground#F6F7EA
  • sideBarTitle.foreground#2F7D32
  • statusBar.background#3B2A1A
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F7EA
  • statusBar.noFolderBackground#3B2A1A
  • tab.activeBackground#3B2A1A
  • tab.activeBorderTop#2F7D32
  • tab.activeForeground#F6F7EA
  • tab.border#ffffff15
  • tab.inactiveBackground#1E2D1B60
  • tab.inactiveForeground#F6F7EA80
  • terminal.ansiBlack#3B2A1A
  • terminal.ansiBlue#A7C957
  • terminal.ansiCyan#DDE8B5
  • terminal.ansiGreen#2F7D32
  • terminal.ansiMagenta#8A4F2B
  • terminal.ansiRed#8A4F2B
  • terminal.ansiWhite#F6F7EA
  • terminal.ansiYellow#DDE8B5
  • terminal.background#3B2A1A
  • terminal.foreground#F6F7EA
  • titleBar.activeBackground#3B2A1A
  • titleBar.activeForeground#F6F7EA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3B2A1A
  • titleBar.inactiveForeground#F6F7EA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8EDD7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A7C957bold
storage.type, storage.modifier#A7C957italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2F7D32
string, punctuation.definition.string, string.template, meta.template.expression#DDE8B5
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A4F2B
variable, variable.other.readwrite, variable.other.object#F6F7EA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F7EA
variable.parameter, meta.parameter#F6F7EAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F7EA80
keyword.operator#F6F7EA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#DDE8B5bold
entity.other.inherited-class#2F7D32
entity.name.tag, punctuation.definition.tag#A7C957
entity.other.attribute-name#2F7D32
meta.diff, meta.diff.header#E8EDD7
markup.deleted#8A4F2B
markup.inserted#2F7D32
markup.changed#DDE8B5
markup.heading, markup.heading.setext, punctuation.definition.heading#2F7D32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#DDE8B5
string.other.link.title, string.other.link.description#2F7D32
markup.underline.link#E8EDD7underline
punctuation.definition.list#A7C957
markup.quote, punctuation.definition.quote#E8EDD7italic