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#F3EFE3
  • activityBar.border#00000015
  • activityBar.foreground#2e7d32
  • activityBar.inactiveForeground#1E1F1A60
  • activityBarBadge.background#2e7d32
  • activityBarBadge.foreground#F3EFE3
  • button.background#2e7d32
  • button.foreground#F3EFE3
  • button.hoverBackground#2e7d32dd
  • editor.background#F3EFE3
  • editor.foreground#1E1F1A
  • editor.inactiveSelectionBackground#5daa562580
  • editor.lineHighlightBackground#ebe1c650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5daa5625
  • editorCursor.foreground#2e7d32
  • editorGroupHeader.tabsBackground#ebe1c6aa
  • editorLineNumber.activeForeground#2e7d32
  • editorLineNumber.foreground#5a614880
  • focusBorder#2e7d32
  • foreground#1E1F1A
  • input.background#ebe1c6
  • input.border#00000015
  • input.foreground#1E1F1A
  • input.placeholderForeground#1E1F1A60
  • list.activeSelectionBackground#2e7d3230
  • list.activeSelectionForeground#1E1F1A
  • list.highlightForeground#2e7d32
  • list.hoverBackground#ebe1c640
  • list.hoverForeground#1E1F1A
  • list.inactiveSelectionBackground#2e7d3215
  • list.inactiveSelectionForeground#1E1F1A
  • selection.background#5daa5625
  • sideBar.background#ebe1c6
  • sideBar.border#00000015
  • sideBar.foreground#1E1F1A
  • sideBarSectionHeader.background#ebe1c680
  • sideBarSectionHeader.foreground#1E1F1A
  • sideBarTitle.foreground#2e7d32
  • statusBar.background#F3EFE3
  • statusBar.border#00000015
  • statusBar.foreground#1E1F1A
  • statusBar.noFolderBackground#F3EFE3
  • tab.activeBackground#F3EFE3
  • tab.activeBorderTop#2e7d32
  • tab.activeForeground#1E1F1A
  • tab.border#00000015
  • tab.inactiveBackground#F3EFE360
  • tab.inactiveForeground#1E1F1A80
  • terminal.ansiBlack#1E1F1A
  • terminal.ansiBlue#5daa56
  • terminal.ansiCyan#a7c957
  • terminal.ansiGreen#2e7d32
  • terminal.ansiMagenta#d6b35c
  • terminal.ansiRed#d6b35c
  • terminal.ansiWhite#1E1F1A
  • terminal.ansiYellow#a7c957
  • terminal.background#F3EFE3
  • terminal.foreground#1E1F1A
  • titleBar.activeBackground#F3EFE3
  • titleBar.activeForeground#1E1F1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3EFE3
  • titleBar.inactiveForeground#1E1F1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5a6148italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5daa56bold
storage.type, storage.modifier#5daa56italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2e7d32
string, punctuation.definition.string, string.template, meta.template.expression#a7c957
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d6b35c
variable, variable.other.readwrite, variable.other.object#1E1F1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E1F1A
variable.parameter, meta.parameter#1E1F1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E1F1A80
keyword.operator#1E1F1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#a7c957bold
entity.other.inherited-class#2e7d32
entity.name.tag, punctuation.definition.tag#5daa56
entity.other.attribute-name#2e7d32
meta.diff, meta.diff.header#5a6148
markup.deleted#d6b35c
markup.inserted#2e7d32
markup.changed#a7c957
markup.heading, markup.heading.setext, punctuation.definition.heading#2e7d32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#a7c957
string.other.link.title, string.other.link.description#2e7d32
markup.underline.link#5a6148underline
punctuation.definition.list#5daa56
markup.quote, punctuation.definition.quote#5a6148italic