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#FDFEFB
  • activityBar.border#00000015
  • activityBar.foreground#93254D
  • activityBar.inactiveForeground#10201560
  • activityBarBadge.background#93254D
  • activityBarBadge.foreground#FDFEFB
  • button.background#93254D
  • button.foreground#FDFEFB
  • button.hoverBackground#93254Ddd
  • editor.background#FDFEFB
  • editor.foreground#102015
  • editor.inactiveSelectionBackground#5583212580
  • editor.lineHighlightBackground#F8FAEF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#55832125
  • editorCursor.foreground#93254D
  • editorGroupHeader.tabsBackground#F8FAEFaa
  • editorLineNumber.activeForeground#93254D
  • editorLineNumber.foreground#B3124C80
  • focusBorder#93254D
  • foreground#102015
  • input.background#F8FAEF
  • input.border#00000015
  • input.foreground#102015
  • input.placeholderForeground#10201560
  • list.activeSelectionBackground#93254D30
  • list.activeSelectionForeground#102015
  • list.highlightForeground#93254D
  • list.hoverBackground#F8FAEF40
  • list.hoverForeground#102015
  • list.inactiveSelectionBackground#93254D15
  • list.inactiveSelectionForeground#102015
  • selection.background#55832125
  • sideBar.background#F8FAEF
  • sideBar.border#00000015
  • sideBar.foreground#102015
  • sideBarSectionHeader.background#F8FAEF80
  • sideBarSectionHeader.foreground#102015
  • sideBarTitle.foreground#93254D
  • statusBar.background#FDFEFB
  • statusBar.border#00000015
  • statusBar.foreground#102015
  • statusBar.noFolderBackground#FDFEFB
  • tab.activeBackground#FDFEFB
  • tab.activeBorderTop#93254D
  • tab.activeForeground#102015
  • tab.border#00000015
  • tab.inactiveBackground#FDFEFB60
  • tab.inactiveForeground#10201580
  • terminal.ansiBlack#102015
  • terminal.ansiBlue#558321
  • terminal.ansiCyan#A38B29
  • terminal.ansiGreen#93254D
  • terminal.ansiMagenta#477619
  • terminal.ansiRed#477619
  • terminal.ansiWhite#102015
  • terminal.ansiYellow#A38B29
  • terminal.background#FDFEFB
  • terminal.foreground#102015
  • titleBar.activeBackground#FDFEFB
  • titleBar.activeForeground#102015
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFEFB
  • titleBar.inactiveForeground#10201560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B3124Citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#558321bold
storage.type, storage.modifier#558321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93254D
string, punctuation.definition.string, string.template, meta.template.expression#A38B29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#477619
variable, variable.other.readwrite, variable.other.object#102015
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#102015
variable.parameter, meta.parameter#102015dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#10201580
keyword.operator#102015
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38B29bold
entity.other.inherited-class#93254D
entity.name.tag, punctuation.definition.tag#558321
entity.other.attribute-name#93254D
meta.diff, meta.diff.header#B3124C
markup.deleted#477619
markup.inserted#93254D
markup.changed#A38B29
markup.heading, markup.heading.setext, punctuation.definition.heading#93254Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38B29
string.other.link.title, string.other.link.description#93254D
markup.underline.link#B3124Cunderline
punctuation.definition.list#558321
markup.quote, punctuation.definition.quote#B3124Citalic