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#932525
  • activityBar.inactiveForeground#2b282660
  • activityBarBadge.background#932525
  • activityBarBadge.foreground#FDFDFC
  • button.background#932525
  • button.foreground#FDFDFC
  • button.hoverBackground#932525dd
  • editor.background#FDFDFC
  • editor.foreground#2b2826
  • editor.inactiveSelectionBackground#216C832580
  • editor.lineHighlightBackground#E0DBD750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#216C8325
  • editorCursor.foreground#932525
  • editorGroupHeader.tabsBackground#E0DBD7aa
  • editorLineNumber.activeForeground#932525
  • editorLineNumber.foreground#c9989a80
  • focusBorder#932525
  • foreground#2b2826
  • input.background#E0DBD7
  • input.border#00000015
  • input.foreground#2b2826
  • input.placeholderForeground#2b282660
  • list.activeSelectionBackground#93252530
  • list.activeSelectionForeground#2b2826
  • list.highlightForeground#932525
  • list.hoverBackground#E0DBD740
  • list.hoverForeground#2b2826
  • list.inactiveSelectionBackground#93252515
  • list.inactiveSelectionForeground#2b2826
  • selection.background#216C8325
  • sideBar.background#E0DBD7
  • sideBar.border#00000015
  • sideBar.foreground#2b2826
  • sideBarSectionHeader.background#E0DBD780
  • sideBarSectionHeader.foreground#2b2826
  • sideBarTitle.foreground#932525
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#2b2826
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#932525
  • tab.activeForeground#2b2826
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#2b282680
  • terminal.ansiBlack#2b2826
  • terminal.ansiBlue#216C83
  • terminal.ansiCyan#A3292D
  • terminal.ansiGreen#932525
  • terminal.ansiMagenta#762719
  • terminal.ansiRed#762719
  • terminal.ansiWhite#2b2826
  • terminal.ansiYellow#A3292D
  • terminal.background#FDFDFC
  • terminal.foreground#2b2826
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#2b2826
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#2b282660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9989aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#216C83bold
storage.type, storage.modifier#216C83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932525
string, punctuation.definition.string, string.template, meta.template.expression#A3292D
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762719
variable, variable.other.readwrite, variable.other.object#2b2826
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b2826
variable.parameter, meta.parameter#2b2826dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b282680
keyword.operator#2b2826
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3292Dbold
entity.other.inherited-class#932525
entity.name.tag, punctuation.definition.tag#216C83
entity.other.attribute-name#932525
meta.diff, meta.diff.header#c9989a
markup.deleted#762719
markup.inserted#932525
markup.changed#A3292D
markup.heading, markup.heading.setext, punctuation.definition.heading#932525bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3292D
string.other.link.title, string.other.link.description#932525
markup.underline.link#c9989aunderline
punctuation.definition.list#216C83
markup.quote, punctuation.definition.quote#c9989aitalic