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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#932535
  • activityBar.inactiveForeground#1a141060
  • activityBarBadge.background#932535
  • activityBarBadge.foreground#FEFDFB
  • button.background#932535
  • button.foreground#FEFDFB
  • button.hoverBackground#932535dd
  • editor.background#FEFDFB
  • editor.foreground#1a1410
  • editor.inactiveSelectionBackground#83212C2580
  • editor.lineHighlightBackground#FFF0F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83212C25
  • editorCursor.foreground#932535
  • editorGroupHeader.tabsBackground#FFF0F0aa
  • editorLineNumber.activeForeground#932535
  • editorLineNumber.foreground#e9e2d680
  • focusBorder#932535
  • foreground#1a1410
  • input.background#FFF0F0
  • input.border#00000015
  • input.foreground#1a1410
  • input.placeholderForeground#1a141060
  • list.activeSelectionBackground#93253530
  • list.activeSelectionForeground#1a1410
  • list.highlightForeground#932535
  • list.hoverBackground#FFF0F040
  • list.hoverForeground#1a1410
  • list.inactiveSelectionBackground#93253515
  • list.inactiveSelectionForeground#1a1410
  • selection.background#83212C25
  • sideBar.background#FFF0F0
  • sideBar.border#00000015
  • sideBar.foreground#1a1410
  • sideBarSectionHeader.background#FFF0F080
  • sideBarSectionHeader.foreground#1a1410
  • sideBarTitle.foreground#932535
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#1a1410
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#932535
  • tab.activeForeground#1a1410
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#1a141080
  • terminal.ansiBlack#1a1410
  • terminal.ansiBlue#83212C
  • terminal.ansiCyan#4EA329
  • terminal.ansiGreen#932535
  • terminal.ansiMagenta#761924
  • terminal.ansiRed#761924
  • terminal.ansiWhite#1a1410
  • terminal.ansiYellow#4EA329
  • terminal.background#FEFDFB
  • terminal.foreground#1a1410
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#1a1410
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#1a141060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e9e2d6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83212Cbold
storage.type, storage.modifier#83212Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932535
string, punctuation.definition.string, string.template, meta.template.expression#4EA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761924
variable, variable.other.readwrite, variable.other.object#1a1410
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1410
variable.parameter, meta.parameter#1a1410dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a141080
keyword.operator#1a1410
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4EA329bold
entity.other.inherited-class#932535
entity.name.tag, punctuation.definition.tag#83212C
entity.other.attribute-name#932535
meta.diff, meta.diff.header#e9e2d6
markup.deleted#761924
markup.inserted#932535
markup.changed#4EA329
markup.heading, markup.heading.setext, punctuation.definition.heading#932535bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4EA329
string.other.link.title, string.other.link.description#932535
markup.underline.link#e9e2d6underline
punctuation.definition.list#83212C
markup.quote, punctuation.definition.quote#e9e2d6italic