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#FFFCFA
  • activityBar.border#00000015
  • activityBar.foreground#93253E
  • activityBar.inactiveForeground#2c222460
  • activityBarBadge.background#93253E
  • activityBarBadge.foreground#FFFCFA
  • button.background#93253E
  • button.foreground#FFFCFA
  • button.hoverBackground#93253Edd
  • editor.background#FFFCFA
  • editor.foreground#2c2224
  • editor.inactiveSelectionBackground#832F212580
  • editor.lineHighlightBackground#FAF3EF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#832F2125
  • editorCursor.foreground#93253E
  • editorGroupHeader.tabsBackground#FAF3EFaa
  • editorLineNumber.activeForeground#93253E
  • editorLineNumber.foreground#9b837480
  • focusBorder#93253E
  • foreground#2c2224
  • input.background#FAF3EF
  • input.border#00000015
  • input.foreground#2c2224
  • input.placeholderForeground#2c222460
  • list.activeSelectionBackground#93253E30
  • list.activeSelectionForeground#2c2224
  • list.highlightForeground#93253E
  • list.hoverBackground#FAF3EF40
  • list.hoverForeground#2c2224
  • list.inactiveSelectionBackground#93253E15
  • list.inactiveSelectionForeground#2c2224
  • selection.background#832F2125
  • sideBar.background#FAF3EF
  • sideBar.border#00000015
  • sideBar.foreground#2c2224
  • sideBarSectionHeader.background#FAF3EF80
  • sideBarSectionHeader.foreground#2c2224
  • sideBarTitle.foreground#93253E
  • statusBar.background#FFFCFA
  • statusBar.border#00000015
  • statusBar.foreground#2c2224
  • statusBar.noFolderBackground#FFFCFA
  • tab.activeBackground#FFFCFA
  • tab.activeBorderTop#93253E
  • tab.activeForeground#2c2224
  • tab.border#00000015
  • tab.inactiveBackground#FFFCFA60
  • tab.inactiveForeground#2c222480
  • terminal.ansiBlack#2c2224
  • terminal.ansiBlue#832F21
  • terminal.ansiCyan#2989A3
  • terminal.ansiGreen#93253E
  • terminal.ansiMagenta#762819
  • terminal.ansiRed#762819
  • terminal.ansiWhite#2c2224
  • terminal.ansiYellow#2989A3
  • terminal.background#FFFCFA
  • terminal.foreground#2c2224
  • titleBar.activeBackground#FFFCFA
  • titleBar.activeForeground#2c2224
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCFA
  • titleBar.inactiveForeground#2c222460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9b8374italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832F21bold
storage.type, storage.modifier#832F21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93253E
string, punctuation.definition.string, string.template, meta.template.expression#2989A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762819
variable, variable.other.readwrite, variable.other.object#2c2224
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2c2224
variable.parameter, meta.parameter#2c2224dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2c222480
keyword.operator#2c2224
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2989A3bold
entity.other.inherited-class#93253E
entity.name.tag, punctuation.definition.tag#832F21
entity.other.attribute-name#93253E
meta.diff, meta.diff.header#9b8374
markup.deleted#762819
markup.inserted#93253E
markup.changed#2989A3
markup.heading, markup.heading.setext, punctuation.definition.heading#93253Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2989A3
string.other.link.title, string.other.link.description#93253E
markup.underline.link#9b8374underline
punctuation.definition.list#832F21
markup.quote, punctuation.definition.quote#9b8374italic