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#F7F3EA
  • activityBar.border#00000015
  • activityBar.foreground#6A309A
  • activityBar.inactiveForeground#1E1A2260
  • activityBarBadge.background#6A309A
  • activityBarBadge.foreground#F7F3EA
  • button.background#6A309A
  • button.foreground#F7F3EA
  • button.hoverBackground#6A309Add
  • editor.background#F7F3EA
  • editor.foreground#1E1A22
  • editor.inactiveSelectionBackground#8EA0B72580
  • editor.lineHighlightBackground#F7F3EA50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8EA0B725
  • editorCursor.foreground#6A309A
  • editorGroupHeader.tabsBackground#F7F3EAaa
  • editorLineNumber.activeForeground#6A309A
  • editorLineNumber.foreground#8EA0B780
  • focusBorder#6A309A
  • foreground#1E1A22
  • input.background#F7F3EA
  • input.border#00000015
  • input.foreground#1E1A22
  • input.placeholderForeground#1E1A2260
  • list.activeSelectionBackground#6A309A30
  • list.activeSelectionForeground#1E1A22
  • list.highlightForeground#6A309A
  • list.hoverBackground#F7F3EA40
  • list.hoverForeground#1E1A22
  • list.inactiveSelectionBackground#6A309A15
  • list.inactiveSelectionForeground#1E1A22
  • selection.background#8EA0B725
  • sideBar.background#F7F3EA
  • sideBar.border#00000015
  • sideBar.foreground#1E1A22
  • sideBarSectionHeader.background#F7F3EA80
  • sideBarSectionHeader.foreground#1E1A22
  • sideBarTitle.foreground#6A309A
  • statusBar.background#F7F3EA
  • statusBar.border#00000015
  • statusBar.foreground#1E1A22
  • statusBar.noFolderBackground#F7F3EA
  • tab.activeBackground#F7F3EA
  • tab.activeBorderTop#6A309A
  • tab.activeForeground#1E1A22
  • tab.border#00000015
  • tab.inactiveBackground#F7F3EA60
  • tab.inactiveForeground#1E1A2280
  • terminal.ansiBlack#1E1A22
  • terminal.ansiBlue#8EA0B7
  • terminal.ansiCyan#6A8F3A
  • terminal.ansiGreen#6A309A
  • terminal.ansiMagenta#7B4E2B
  • terminal.ansiRed#7B4E2B
  • terminal.ansiWhite#1E1A22
  • terminal.ansiYellow#6A8F3A
  • terminal.background#F7F3EA
  • terminal.foreground#1E1A22
  • titleBar.activeBackground#F7F3EA
  • titleBar.activeForeground#1E1A22
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F3EA
  • titleBar.inactiveForeground#1E1A2260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8EA0B7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8EA0B7bold
storage.type, storage.modifier#8EA0B7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6A309A
string, punctuation.definition.string, string.template, meta.template.expression#6A8F3A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#7B4E2B
variable, variable.other.readwrite, variable.other.object#1E1A22
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E1A22
variable.parameter, meta.parameter#1E1A22dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E1A2280
keyword.operator#1E1A22
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6A8F3Abold
entity.other.inherited-class#6A309A
entity.name.tag, punctuation.definition.tag#8EA0B7
entity.other.attribute-name#6A309A
meta.diff, meta.diff.header#8EA0B7
markup.deleted#7B4E2B
markup.inserted#6A309A
markup.changed#6A8F3A
markup.heading, markup.heading.setext, punctuation.definition.heading#6A309Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6A8F3A
string.other.link.title, string.other.link.description#6A309A
markup.underline.link#8EA0B7underline
punctuation.definition.list#8EA0B7
markup.quote, punctuation.definition.quote#8EA0B7italic