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#FFF8F9
  • activityBar.border#00000015
  • activityBar.foreground#8A0E2A
  • activityBar.inactiveForeground#29141860
  • activityBarBadge.background#8A0E2A
  • activityBarBadge.foreground#FFF8F9
  • button.background#8A0E2A
  • button.foreground#FFF8F9
  • button.hoverBackground#8A0E2Add
  • editor.background#FFF8F9
  • editor.foreground#291418
  • editor.inactiveSelectionBackground#E850682580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E8506825
  • editorCursor.foreground#8A0E2A
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#8A0E2A
  • editorLineNumber.foreground#F6E0E080
  • focusBorder#8A0E2A
  • foreground#291418
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#291418
  • input.placeholderForeground#29141860
  • list.activeSelectionBackground#8A0E2A30
  • list.activeSelectionForeground#291418
  • list.highlightForeground#8A0E2A
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#291418
  • list.inactiveSelectionBackground#8A0E2A15
  • list.inactiveSelectionForeground#291418
  • selection.background#E8506825
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#291418
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#291418
  • sideBarTitle.foreground#8A0E2A
  • statusBar.background#FFF8F9
  • statusBar.border#00000015
  • statusBar.foreground#291418
  • statusBar.noFolderBackground#FFF8F9
  • tab.activeBackground#FFF8F9
  • tab.activeBorderTop#8A0E2A
  • tab.activeForeground#291418
  • tab.border#00000015
  • tab.inactiveBackground#FFF8F960
  • tab.inactiveForeground#29141880
  • terminal.ansiBlack#291418
  • terminal.ansiBlue#E85068
  • terminal.ansiCyan#0E888F
  • terminal.ansiGreen#8A0E2A
  • terminal.ansiMagenta#C45A17
  • terminal.ansiRed#C45A17
  • terminal.ansiWhite#291418
  • terminal.ansiYellow#0E888F
  • terminal.background#FFF8F9
  • terminal.foreground#291418
  • titleBar.activeBackground#FFF8F9
  • titleBar.activeForeground#291418
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF8F9
  • titleBar.inactiveForeground#29141860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F6E0E0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E85068bold
storage.type, storage.modifier#E85068italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8A0E2A
string, punctuation.definition.string, string.template, meta.template.expression#0E888F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C45A17
variable, variable.other.readwrite, variable.other.object#291418
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#291418
variable.parameter, meta.parameter#291418dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#29141880
keyword.operator#291418
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0E888Fbold
entity.other.inherited-class#8A0E2A
entity.name.tag, punctuation.definition.tag#E85068
entity.other.attribute-name#8A0E2A
meta.diff, meta.diff.header#F6E0E0
markup.deleted#C45A17
markup.inserted#8A0E2A
markup.changed#0E888F
markup.heading, markup.heading.setext, punctuation.definition.heading#8A0E2Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0E888F
string.other.link.title, string.other.link.description#8A0E2A
markup.underline.link#F6E0E0underline
punctuation.definition.list#E85068
markup.quote, punctuation.definition.quote#F6E0E0italic