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

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#F3EFE3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F3EFE3
variable.parameter, meta.parameter#F3EFE3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F3EFE380
keyword.operator#F3EFE3
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