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#932533
  • activityBar.inactiveForeground#0e1a1660
  • activityBarBadge.background#932533
  • activityBarBadge.foreground#FDFDFC
  • button.background#932533
  • button.foreground#FDFDFC
  • button.hoverBackground#932533dd
  • editor.background#FDFDFC
  • editor.foreground#0e1a16
  • editor.inactiveSelectionBackground#83212A2580
  • editor.lineHighlightBackground#F7F7F750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83212A25
  • editorCursor.foreground#932533
  • editorGroupHeader.tabsBackground#F7F7F7aa
  • editorLineNumber.activeForeground#932533
  • editorLineNumber.foreground#afc7b080
  • focusBorder#932533
  • foreground#0e1a16
  • input.background#F7F7F7
  • input.border#00000015
  • input.foreground#0e1a16
  • input.placeholderForeground#0e1a1660
  • list.activeSelectionBackground#93253330
  • list.activeSelectionForeground#0e1a16
  • list.highlightForeground#932533
  • list.hoverBackground#F7F7F740
  • list.hoverForeground#0e1a16
  • list.inactiveSelectionBackground#93253315
  • list.inactiveSelectionForeground#0e1a16
  • selection.background#83212A25
  • sideBar.background#F7F7F7
  • sideBar.border#00000015
  • sideBar.foreground#0e1a16
  • sideBarSectionHeader.background#F7F7F780
  • sideBarSectionHeader.foreground#0e1a16
  • sideBarTitle.foreground#932533
  • statusBar.background#FDFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0e1a16
  • statusBar.noFolderBackground#FDFDFC
  • tab.activeBackground#FDFDFC
  • tab.activeBorderTop#932533
  • tab.activeForeground#0e1a16
  • tab.border#00000015
  • tab.inactiveBackground#FDFDFC60
  • tab.inactiveForeground#0e1a1680
  • terminal.ansiBlack#0e1a16
  • terminal.ansiBlue#83212A
  • terminal.ansiCyan#A32929
  • terminal.ansiGreen#932533
  • terminal.ansiMagenta#197657
  • terminal.ansiRed#197657
  • terminal.ansiWhite#0e1a16
  • terminal.ansiYellow#A32929
  • terminal.background#FDFDFC
  • terminal.foreground#0e1a16
  • titleBar.activeBackground#FDFDFC
  • titleBar.activeForeground#0e1a16
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFDFC
  • titleBar.inactiveForeground#0e1a1660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#afc7b0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83212Abold
storage.type, storage.modifier#83212Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932533
string, punctuation.definition.string, string.template, meta.template.expression#A32929
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197657
variable, variable.other.readwrite, variable.other.object#0e1a16
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0e1a16
variable.parameter, meta.parameter#0e1a16dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0e1a1680
keyword.operator#0e1a16
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32929bold
entity.other.inherited-class#932533
entity.name.tag, punctuation.definition.tag#83212A
entity.other.attribute-name#932533
meta.diff, meta.diff.header#afc7b0
markup.deleted#197657
markup.inserted#932533
markup.changed#A32929
markup.heading, markup.heading.setext, punctuation.definition.heading#932533bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32929
string.other.link.title, string.other.link.description#932533
markup.underline.link#afc7b0underline
punctuation.definition.list#83212A
markup.quote, punctuation.definition.quote#afc7b0italic