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

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#F7F3EA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F3EA
variable.parameter, meta.parameter#F7F3EAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F3EA80
keyword.operator#F7F3EA
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