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#F6FAF5
  • activityBar.border#00000015
  • activityBar.foreground#1E6A4A
  • activityBar.inactiveForeground#1F2C2260
  • activityBarBadge.background#1E6A4A
  • activityBarBadge.foreground#F6FAF5
  • button.background#1E6A4A
  • button.foreground#F6FAF5
  • button.hoverBackground#1E6A4Add
  • editor.background#F6FAF5
  • editor.foreground#1F2C22
  • editor.inactiveSelectionBackground#154F3C2580
  • editor.lineHighlightBackground#FCFEF950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#154F3C25
  • editorCursor.foreground#1E6A4A
  • editorGroupHeader.tabsBackground#FCFEF9aa
  • editorLineNumber.activeForeground#1E6A4A
  • editorLineNumber.foreground#D7EBC880
  • focusBorder#1E6A4A
  • foreground#1F2C22
  • input.background#FCFEF9
  • input.border#00000015
  • input.foreground#1F2C22
  • input.placeholderForeground#1F2C2260
  • list.activeSelectionBackground#1E6A4A30
  • list.activeSelectionForeground#1F2C22
  • list.highlightForeground#1E6A4A
  • list.hoverBackground#FCFEF940
  • list.hoverForeground#1F2C22
  • list.inactiveSelectionBackground#1E6A4A15
  • list.inactiveSelectionForeground#1F2C22
  • selection.background#154F3C25
  • sideBar.background#FCFEF9
  • sideBar.border#00000015
  • sideBar.foreground#1F2C22
  • sideBarSectionHeader.background#FCFEF980
  • sideBarSectionHeader.foreground#1F2C22
  • sideBarTitle.foreground#1E6A4A
  • statusBar.background#F6FAF5
  • statusBar.border#00000015
  • statusBar.foreground#1F2C22
  • statusBar.noFolderBackground#F6FAF5
  • tab.activeBackground#F6FAF5
  • tab.activeBorderTop#1E6A4A
  • tab.activeForeground#1F2C22
  • tab.border#00000015
  • tab.inactiveBackground#F6FAF560
  • tab.inactiveForeground#1F2C2280
  • terminal.ansiBlack#1F2C22
  • terminal.ansiBlue#154F3C
  • terminal.ansiCyan#70CB3A
  • terminal.ansiGreen#1E6A4A
  • terminal.ansiMagenta#8A4C2A
  • terminal.ansiRed#8A4C2A
  • terminal.ansiWhite#1F2C22
  • terminal.ansiYellow#70CB3A
  • terminal.background#F6FAF5
  • terminal.foreground#1F2C22
  • titleBar.activeBackground#F6FAF5
  • titleBar.activeForeground#1F2C22
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6FAF5
  • titleBar.inactiveForeground#1F2C2260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7EBC8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#154F3Cbold
storage.type, storage.modifier#154F3Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1E6A4A
string, punctuation.definition.string, string.template, meta.template.expression#70CB3A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A4C2A
variable, variable.other.readwrite, variable.other.object#1F2C22
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F2C22
variable.parameter, meta.parameter#1F2C22dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F2C2280
keyword.operator#1F2C22
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#70CB3Abold
entity.other.inherited-class#1E6A4A
entity.name.tag, punctuation.definition.tag#154F3C
entity.other.attribute-name#1E6A4A
meta.diff, meta.diff.header#D7EBC8
markup.deleted#8A4C2A
markup.inserted#1E6A4A
markup.changed#70CB3A
markup.heading, markup.heading.setext, punctuation.definition.heading#1E6A4Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#70CB3A
string.other.link.title, string.other.link.description#1E6A4A
markup.underline.link#D7EBC8underline
punctuation.definition.list#154F3C
markup.quote, punctuation.definition.quote#D7EBC8italic