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#FDFCFC
  • activityBar.border#00000015
  • activityBar.foreground#93254D
  • activityBar.inactiveForeground#2b1c2660
  • activityBarBadge.background#93254D
  • activityBarBadge.foreground#FDFCFC
  • button.background#93254D
  • button.foreground#FDFCFC
  • button.hoverBackground#93254Ddd
  • editor.background#FDFCFC
  • editor.foreground#2b1c26
  • editor.inactiveSelectionBackground#83213E2580
  • editor.lineHighlightBackground#FAE8E150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83213E25
  • editorCursor.foreground#93254D
  • editorGroupHeader.tabsBackground#FAE8E1aa
  • editorLineNumber.activeForeground#93254D
  • editorLineNumber.foreground#d2c6c880
  • focusBorder#93254D
  • foreground#2b1c26
  • input.background#FAE8E1
  • input.border#00000015
  • input.foreground#2b1c26
  • input.placeholderForeground#2b1c2660
  • list.activeSelectionBackground#93254D30
  • list.activeSelectionForeground#2b1c26
  • list.highlightForeground#93254D
  • list.hoverBackground#FAE8E140
  • list.hoverForeground#2b1c26
  • list.inactiveSelectionBackground#93254D15
  • list.inactiveSelectionForeground#2b1c26
  • selection.background#83213E25
  • sideBar.background#FAE8E1
  • sideBar.border#00000015
  • sideBar.foreground#2b1c26
  • sideBarSectionHeader.background#FAE8E180
  • sideBarSectionHeader.foreground#2b1c26
  • sideBarTitle.foreground#93254D
  • statusBar.background#FDFCFC
  • statusBar.border#00000015
  • statusBar.foreground#2b1c26
  • statusBar.noFolderBackground#FDFCFC
  • tab.activeBackground#FDFCFC
  • tab.activeBorderTop#93254D
  • tab.activeForeground#2b1c26
  • tab.border#00000015
  • tab.inactiveBackground#FDFCFC60
  • tab.inactiveForeground#2b1c2680
  • terminal.ansiBlack#2b1c26
  • terminal.ansiBlue#83213E
  • terminal.ansiCyan#A3297A
  • terminal.ansiGreen#93254D
  • terminal.ansiMagenta#763E19
  • terminal.ansiRed#763E19
  • terminal.ansiWhite#2b1c26
  • terminal.ansiYellow#A3297A
  • terminal.background#FDFCFC
  • terminal.foreground#2b1c26
  • titleBar.activeBackground#FDFCFC
  • titleBar.activeForeground#2b1c26
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCFC
  • titleBar.inactiveForeground#2b1c2660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d2c6c8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83213Ebold
storage.type, storage.modifier#83213Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93254D
string, punctuation.definition.string, string.template, meta.template.expression#A3297A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763E19
variable, variable.other.readwrite, variable.other.object#2b1c26
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b1c26
variable.parameter, meta.parameter#2b1c26dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b1c2680
keyword.operator#2b1c26
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3297Abold
entity.other.inherited-class#93254D
entity.name.tag, punctuation.definition.tag#83213E
entity.other.attribute-name#93254D
meta.diff, meta.diff.header#d2c6c8
markup.deleted#763E19
markup.inserted#93254D
markup.changed#A3297A
markup.heading, markup.heading.setext, punctuation.definition.heading#93254Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3297A
string.other.link.title, string.other.link.description#93254D
markup.underline.link#d2c6c8underline
punctuation.definition.list#83213E
markup.quote, punctuation.definition.quote#d2c6c8italic