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#FCFCFD
  • activityBar.border#00000015
  • activityBar.foreground#258493
  • activityBar.inactiveForeground#0D1F2860
  • activityBarBadge.background#258493
  • activityBarBadge.foreground#FCFCFD
  • button.background#258493
  • button.foreground#FCFCFD
  • button.hoverBackground#258493dd
  • editor.background#FCFCFD
  • editor.foreground#0D1F28
  • editor.inactiveSelectionBackground#215A832580
  • editor.lineHighlightBackground#F5F8F950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#215A8325
  • editorCursor.foreground#258493
  • editorGroupHeader.tabsBackground#F5F8F9aa
  • editorLineNumber.activeForeground#258493
  • editorLineNumber.foreground#A2A8AE80
  • focusBorder#258493
  • foreground#0D1F28
  • input.background#F5F8F9
  • input.border#00000015
  • input.foreground#0D1F28
  • input.placeholderForeground#0D1F2860
  • list.activeSelectionBackground#25849330
  • list.activeSelectionForeground#0D1F28
  • list.highlightForeground#258493
  • list.hoverBackground#F5F8F940
  • list.hoverForeground#0D1F28
  • list.inactiveSelectionBackground#25849315
  • list.inactiveSelectionForeground#0D1F28
  • selection.background#215A8325
  • sideBar.background#F5F8F9
  • sideBar.border#00000015
  • sideBar.foreground#0D1F28
  • sideBarSectionHeader.background#F5F8F980
  • sideBarSectionHeader.foreground#0D1F28
  • sideBarTitle.foreground#258493
  • statusBar.background#FCFCFD
  • statusBar.border#00000015
  • statusBar.foreground#0D1F28
  • statusBar.noFolderBackground#FCFCFD
  • tab.activeBackground#FCFCFD
  • tab.activeBorderTop#258493
  • tab.activeForeground#0D1F28
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFD60
  • tab.inactiveForeground#0D1F2880
  • terminal.ansiBlack#0D1F28
  • terminal.ansiBlue#215A83
  • terminal.ansiCyan#298BA3
  • terminal.ansiGreen#258493
  • terminal.ansiMagenta#197644
  • terminal.ansiRed#197644
  • terminal.ansiWhite#0D1F28
  • terminal.ansiYellow#298BA3
  • terminal.background#FCFCFD
  • terminal.foreground#0D1F28
  • titleBar.activeBackground#FCFCFD
  • titleBar.activeForeground#0D1F28
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFD
  • titleBar.inactiveForeground#0D1F2860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A2A8AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215A83bold
storage.type, storage.modifier#215A83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#258493
string, punctuation.definition.string, string.template, meta.template.expression#298BA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197644
variable, variable.other.readwrite, variable.other.object#0D1F28
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D1F28
variable.parameter, meta.parameter#0D1F28dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D1F2880
keyword.operator#0D1F28
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#298BA3bold
entity.other.inherited-class#258493
entity.name.tag, punctuation.definition.tag#215A83
entity.other.attribute-name#258493
meta.diff, meta.diff.header#A2A8AE
markup.deleted#197644
markup.inserted#258493
markup.changed#298BA3
markup.heading, markup.heading.setext, punctuation.definition.heading#258493bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#298BA3
string.other.link.title, string.other.link.description#258493
markup.underline.link#A2A8AEunderline
punctuation.definition.list#215A83
markup.quote, punctuation.definition.quote#A2A8AEitalic