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#F3E9D7
  • activityBar.border#00000015
  • activityBar.foreground#1E7A3B
  • activityBar.inactiveForeground#1B1F1960
  • activityBarBadge.background#1E7A3B
  • activityBarBadge.foreground#F3E9D7
  • button.background#1E7A3B
  • button.foreground#F3E9D7
  • button.hoverBackground#1E7A3Bdd
  • editor.background#F3E9D7
  • editor.foreground#1B1F19
  • editor.inactiveSelectionBackground#2FA44F2580
  • editor.lineHighlightBackground#E2DBC350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2FA44F25
  • editorCursor.foreground#1E7A3B
  • editorGroupHeader.tabsBackground#E2DBC3aa
  • editorLineNumber.activeForeground#1E7A3B
  • editorLineNumber.foreground#8D918880
  • focusBorder#1E7A3B
  • foreground#1B1F19
  • input.background#E2DBC3
  • input.border#00000015
  • input.foreground#1B1F19
  • input.placeholderForeground#1B1F1960
  • list.activeSelectionBackground#1E7A3B30
  • list.activeSelectionForeground#1B1F19
  • list.highlightForeground#1E7A3B
  • list.hoverBackground#E2DBC340
  • list.hoverForeground#1B1F19
  • list.inactiveSelectionBackground#1E7A3B15
  • list.inactiveSelectionForeground#1B1F19
  • selection.background#2FA44F25
  • sideBar.background#E2DBC3
  • sideBar.border#00000015
  • sideBar.foreground#1B1F19
  • sideBarSectionHeader.background#E2DBC380
  • sideBarSectionHeader.foreground#1B1F19
  • sideBarTitle.foreground#1E7A3B
  • statusBar.background#F3E9D7
  • statusBar.border#00000015
  • statusBar.foreground#1B1F19
  • statusBar.noFolderBackground#F3E9D7
  • tab.activeBackground#F3E9D7
  • tab.activeBorderTop#1E7A3B
  • tab.activeForeground#1B1F19
  • tab.border#00000015
  • tab.inactiveBackground#F3E9D760
  • tab.inactiveForeground#1B1F1980
  • terminal.ansiBlack#1B1F19
  • terminal.ansiBlue#2FA44F
  • terminal.ansiCyan#29C7C7
  • terminal.ansiGreen#1E7A3B
  • terminal.ansiMagenta#D7F26A
  • terminal.ansiRed#D7F26A
  • terminal.ansiWhite#1B1F19
  • terminal.ansiYellow#29C7C7
  • terminal.background#F3E9D7
  • terminal.foreground#1B1F19
  • titleBar.activeBackground#F3E9D7
  • titleBar.activeForeground#1B1F19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3E9D7
  • titleBar.inactiveForeground#1B1F1960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8D9188italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2FA44Fbold
storage.type, storage.modifier#2FA44Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1E7A3B
string, punctuation.definition.string, string.template, meta.template.expression#29C7C7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D7F26A
variable, variable.other.readwrite, variable.other.object#1B1F19
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1B1F19
variable.parameter, meta.parameter#1B1F19dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1B1F1980
keyword.operator#1B1F19
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29C7C7bold
entity.other.inherited-class#1E7A3B
entity.name.tag, punctuation.definition.tag#2FA44F
entity.other.attribute-name#1E7A3B
meta.diff, meta.diff.header#8D9188
markup.deleted#D7F26A
markup.inserted#1E7A3B
markup.changed#29C7C7
markup.heading, markup.heading.setext, punctuation.definition.heading#1E7A3Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29C7C7
string.other.link.title, string.other.link.description#1E7A3B
markup.underline.link#8D9188underline
punctuation.definition.list#2FA44F
markup.quote, punctuation.definition.quote#8D9188italic