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#FDFDFC
  • activityBar.border#00000015
  • activityBar.foreground#93252C
  • activityBar.inactiveForeground#18201860
  • activityBarBadge.background#93252C
  • activityBarBadge.foreground#FDFDFC
  • button.background#93252C
  • button.foreground#FDFDFC
  • button.hoverBackground#93252Cdd
  • editor.background#FDFDFC
  • editor.foreground#182018
  • editor.inactiveSelectionBackground#2183452580
  • editor.lineHighlightBackground#FAF9F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21834525
  • editorCursor.foreground#93252C
  • editorGroupHeader.tabsBackground#FAF9F4aa
  • editorLineNumber.activeForeground#93252C
  • editorLineNumber.foreground#8C8F9480
  • focusBorder#93252C
  • foreground#182018
  • input.background#FAF9F4
  • input.border#00000015
  • input.foreground#182018
  • input.placeholderForeground#18201860
  • list.activeSelectionBackground#93252C30
  • list.activeSelectionForeground#182018
  • list.highlightForeground#93252C
  • list.hoverBackground#FAF9F440
  • list.hoverForeground#182018
  • list.inactiveSelectionBackground#93252C15
  • list.inactiveSelectionForeground#182018
  • selection.background#21834525
  • sideBar.background#FAF9F4
  • sideBar.border#00000015
  • sideBar.foreground#182018
  • sideBarSectionHeader.background#FAF9F480
  • sideBarSectionHeader.foreground#182018
  • sideBarTitle.foreground#93252C
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#182018
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#93252C
  • tab.activeForeground#182018
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#18201880
  • terminal.ansiBlack#182018
  • terminal.ansiBlue#218345
  • terminal.ansiCyan#A36A29
  • terminal.ansiGreen#93252C
  • terminal.ansiMagenta#764A19
  • terminal.ansiRed#764A19
  • terminal.ansiWhite#182018
  • terminal.ansiYellow#A36A29
  • terminal.background#FDFDFC
  • terminal.foreground#182018
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#182018
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#18201860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8C8F94italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#218345bold
storage.type, storage.modifier#218345italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#93252C
string, punctuation.definition.string, string.template, meta.template.expression#A36A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764A19
variable, variable.other.readwrite, variable.other.object#182018
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#182018
variable.parameter, meta.parameter#182018dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#18201880
keyword.operator#182018
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36A29bold
entity.other.inherited-class#93252C
entity.name.tag, punctuation.definition.tag#218345
entity.other.attribute-name#93252C
meta.diff, meta.diff.header#8C8F94
markup.deleted#764A19
markup.inserted#93252C
markup.changed#A36A29
markup.heading, markup.heading.setext, punctuation.definition.heading#93252Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36A29
string.other.link.title, string.other.link.description#93252C
markup.underline.link#8C8F94underline
punctuation.definition.list#218345
markup.quote, punctuation.definition.quote#8C8F94italic