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#F9FAFB
  • activityBar.border#00000015
  • activityBar.foreground#93255A
  • activityBar.inactiveForeground#0F1F1760
  • activityBarBadge.background#93255A
  • activityBarBadge.foreground#F9FAFB
  • button.background#93255A
  • button.foreground#F9FAFB
  • button.hoverBackground#93255Add
  • editor.background#F9FAFB
  • editor.foreground#0F1F17
  • editor.inactiveSelectionBackground#21834B2580
  • editor.lineHighlightBackground#FAE5EE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21834B25
  • editorCursor.foreground#93255A
  • editorGroupHeader.tabsBackground#FAE5EEaa
  • editorLineNumber.activeForeground#93255A
  • editorLineNumber.foreground#5D682F80
  • focusBorder#93255A
  • foreground#0F1F17
  • input.background#FAE5EE
  • input.border#00000015
  • input.foreground#0F1F17
  • input.placeholderForeground#0F1F1760
  • list.activeSelectionBackground#93255A30
  • list.activeSelectionForeground#0F1F17
  • list.highlightForeground#93255A
  • list.hoverBackground#FAE5EE40
  • list.hoverForeground#0F1F17
  • list.inactiveSelectionBackground#93255A15
  • list.inactiveSelectionForeground#0F1F17
  • selection.background#21834B25
  • sideBar.background#FAE5EE
  • sideBar.border#00000015
  • sideBar.foreground#0F1F17
  • sideBarSectionHeader.background#FAE5EE80
  • sideBarSectionHeader.foreground#0F1F17
  • sideBarTitle.foreground#93255A
  • statusBar.background#F9FAFB
  • statusBar.border#00000015
  • statusBar.foreground#0F1F17
  • statusBar.noFolderBackground#F9FAFB
  • tab.activeBackground#F9FAFB
  • tab.activeBorderTop#93255A
  • tab.activeForeground#0F1F17
  • tab.border#00000015
  • tab.inactiveBackground#F9FAFB60
  • tab.inactiveForeground#0F1F1780
  • terminal.ansiBlack#0F1F17
  • terminal.ansiBlue#21834B
  • terminal.ansiCyan#A32972
  • terminal.ansiGreen#93255A
  • terminal.ansiMagenta#197619
  • terminal.ansiRed#197619
  • terminal.ansiWhite#0F1F17
  • terminal.ansiYellow#A32972
  • terminal.background#F9FAFB
  • terminal.foreground#0F1F17
  • titleBar.activeBackground#F9FAFB
  • titleBar.activeForeground#0F1F17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F9FAFB
  • titleBar.inactiveForeground#0F1F1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5D682Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21834Bbold
storage.type, storage.modifier#21834Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93255A
string, punctuation.definition.string, string.template, meta.template.expression#A32972
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197619
variable, variable.other.readwrite, variable.other.object#0F1F17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0F1F17
variable.parameter, meta.parameter#0F1F17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0F1F1780
keyword.operator#0F1F17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32972bold
entity.other.inherited-class#93255A
entity.name.tag, punctuation.definition.tag#21834B
entity.other.attribute-name#93255A
meta.diff, meta.diff.header#5D682F
markup.deleted#197619
markup.inserted#93255A
markup.changed#A32972
markup.heading, markup.heading.setext, punctuation.definition.heading#93255Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32972
string.other.link.title, string.other.link.description#93255A
markup.underline.link#5D682Funderline
punctuation.definition.list#21834B
markup.quote, punctuation.definition.quote#5D682Fitalic