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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#932535
  • activityBar.inactiveForeground#12193660
  • activityBarBadge.background#932535
  • activityBarBadge.foreground#FCFDFC
  • button.background#932535
  • button.foreground#FCFDFC
  • button.hoverBackground#932535dd
  • editor.background#FCFDFC
  • editor.foreground#121936
  • editor.inactiveSelectionBackground#213C832580
  • editor.lineHighlightBackground#E7F4F250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#213C8325
  • editorCursor.foreground#932535
  • editorGroupHeader.tabsBackground#E7F4F2aa
  • editorLineNumber.activeForeground#932535
  • editorLineNumber.foreground#2850b880
  • focusBorder#932535
  • foreground#121936
  • input.background#E7F4F2
  • input.border#00000015
  • input.foreground#121936
  • input.placeholderForeground#12193660
  • list.activeSelectionBackground#93253530
  • list.activeSelectionForeground#121936
  • list.highlightForeground#932535
  • list.hoverBackground#E7F4F240
  • list.hoverForeground#121936
  • list.inactiveSelectionBackground#93253515
  • list.inactiveSelectionForeground#121936
  • selection.background#213C8325
  • sideBar.background#E7F4F2
  • sideBar.border#00000015
  • sideBar.foreground#121936
  • sideBarSectionHeader.background#E7F4F280
  • sideBarSectionHeader.foreground#121936
  • sideBarTitle.foreground#932535
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#121936
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#932535
  • tab.activeForeground#121936
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#12193680
  • terminal.ansiBlack#121936
  • terminal.ansiBlue#213C83
  • terminal.ansiCyan#29A3A3
  • terminal.ansiGreen#932535
  • terminal.ansiMagenta#197674
  • terminal.ansiRed#197674
  • terminal.ansiWhite#121936
  • terminal.ansiYellow#29A3A3
  • terminal.background#FCFDFC
  • terminal.foreground#121936
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#121936
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#12193660
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2850b8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#213C83bold
storage.type, storage.modifier#213C83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932535
string, punctuation.definition.string, string.template, meta.template.expression#29A3A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197674
variable, variable.other.readwrite, variable.other.object#121936
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#121936
variable.parameter, meta.parameter#121936dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#12193680
keyword.operator#121936
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A3A3bold
entity.other.inherited-class#932535
entity.name.tag, punctuation.definition.tag#213C83
entity.other.attribute-name#932535
meta.diff, meta.diff.header#2850b8
markup.deleted#197674
markup.inserted#932535
markup.changed#29A3A3
markup.heading, markup.heading.setext, punctuation.definition.heading#932535bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A3A3
string.other.link.title, string.other.link.description#932535
markup.underline.link#2850b8underline
punctuation.definition.list#213C83
markup.quote, punctuation.definition.quote#2850b8italic