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#eef0eb
  • activityBar.border#00000015
  • activityBar.foreground#EF9A7A
  • activityBar.inactiveForeground#211c1860
  • activityBarBadge.background#EF9A7A
  • activityBarBadge.foreground#eef0eb
  • button.background#EF9A7A
  • button.foreground#eef0eb
  • button.hoverBackground#EF9A7Add
  • editor.background#eef0eb
  • editor.foreground#211c18
  • editor.inactiveSelectionBackground#79533f2580
  • editor.lineHighlightBackground#E6E7E450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79533f25
  • editorCursor.foreground#EF9A7A
  • editorGroupHeader.tabsBackground#E6E7E4aa
  • editorLineNumber.activeForeground#EF9A7A
  • editorLineNumber.foreground#8d7b7080
  • focusBorder#EF9A7A
  • foreground#211c18
  • input.background#E6E7E4
  • input.border#00000015
  • input.foreground#211c18
  • input.placeholderForeground#211c1860
  • list.activeSelectionBackground#EF9A7A30
  • list.activeSelectionForeground#211c18
  • list.highlightForeground#EF9A7A
  • list.hoverBackground#E6E7E440
  • list.hoverForeground#211c18
  • list.inactiveSelectionBackground#EF9A7A15
  • list.inactiveSelectionForeground#211c18
  • selection.background#79533f25
  • sideBar.background#E6E7E4
  • sideBar.border#00000015
  • sideBar.foreground#211c18
  • sideBarSectionHeader.background#E6E7E480
  • sideBarSectionHeader.foreground#211c18
  • sideBarTitle.foreground#EF9A7A
  • statusBar.background#eef0eb
  • statusBar.border#00000015
  • statusBar.foreground#211c18
  • statusBar.noFolderBackground#eef0eb
  • tab.activeBackground#eef0eb
  • tab.activeBorderTop#EF9A7A
  • tab.activeForeground#211c18
  • tab.border#00000015
  • tab.inactiveBackground#eef0eb60
  • tab.inactiveForeground#211c1880
  • terminal.ansiBlack#211c18
  • terminal.ansiBlue#79533f
  • terminal.ansiCyan#f2c0a8
  • terminal.ansiGreen#EF9A7A
  • terminal.ansiMagenta#6E8E6A
  • terminal.ansiRed#6E8E6A
  • terminal.ansiWhite#211c18
  • terminal.ansiYellow#f2c0a8
  • terminal.background#eef0eb
  • terminal.foreground#211c18
  • titleBar.activeBackground#eef0eb
  • titleBar.activeForeground#211c18
  • titleBar.border#00000015
  • titleBar.inactiveBackground#eef0eb
  • titleBar.inactiveForeground#211c1860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8d7b70italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79533fbold
storage.type, storage.modifier#79533fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#EF9A7A
string, punctuation.definition.string, string.template, meta.template.expression#f2c0a8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6E8E6A
variable, variable.other.readwrite, variable.other.object#211c18
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#211c18
variable.parameter, meta.parameter#211c18dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#211c1880
keyword.operator#211c18
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f2c0a8bold
entity.other.inherited-class#EF9A7A
entity.name.tag, punctuation.definition.tag#79533f
entity.other.attribute-name#EF9A7A
meta.diff, meta.diff.header#8d7b70
markup.deleted#6E8E6A
markup.inserted#EF9A7A
markup.changed#f2c0a8
markup.heading, markup.heading.setext, punctuation.definition.heading#EF9A7Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f2c0a8
string.other.link.title, string.other.link.description#EF9A7A
markup.underline.link#8d7b70underline
punctuation.definition.list#79533f
markup.quote, punctuation.definition.quote#8d7b70italic