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#372D24
  • activityBar.border#ffffff15
  • activityBar.foreground#D2368D
  • activityBar.inactiveForeground#F6F2E960
  • activityBarBadge.background#D2368D
  • activityBarBadge.foreground#372D24
  • button.background#D2368D
  • button.foreground#372D24
  • button.hoverBackground#D2368Ddd
  • editor.background#372D24
  • editor.foreground#F6F2E9
  • editor.inactiveSelectionBackground#7E9A7A3580
  • editor.lineHighlightBackground#2B2F2B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7E9A7A35
  • editorCursor.foreground#D2368D
  • editorGroupHeader.tabsBackground#372D24dd
  • editorLineNumber.activeForeground#D2368D
  • editorLineNumber.foreground#D2BE9B80
  • focusBorder#D2368D
  • foreground#F6F2E9
  • input.background#2B2F2B
  • input.border#ffffff15
  • input.foreground#F6F2E9
  • input.placeholderForeground#F6F2E960
  • list.activeSelectionBackground#D2368D30
  • list.activeSelectionForeground#F6F2E9
  • list.highlightForeground#D2368D
  • list.hoverBackground#2B2F2B40
  • list.hoverForeground#F6F2E9
  • list.inactiveSelectionBackground#D2368D15
  • list.inactiveSelectionForeground#F6F2E9
  • selection.background#7E9A7A35
  • sideBar.background#2B2F2B
  • sideBar.border#ffffff15
  • sideBar.foreground#F6F2E9
  • sideBarSectionHeader.background#372D2480
  • sideBarSectionHeader.foreground#F6F2E9
  • sideBarTitle.foreground#D2368D
  • statusBar.background#372D24
  • statusBar.border#ffffff15
  • statusBar.foreground#F6F2E9
  • statusBar.noFolderBackground#372D24
  • tab.activeBackground#372D24
  • tab.activeBorderTop#D2368D
  • tab.activeForeground#F6F2E9
  • tab.border#ffffff15
  • tab.inactiveBackground#2B2F2B60
  • tab.inactiveForeground#F6F2E980
  • terminal.ansiBlack#372D24
  • terminal.ansiBlue#7E9A7A
  • terminal.ansiCyan#A30045
  • terminal.ansiGreen#D2368D
  • terminal.ansiMagenta#4F7C54
  • terminal.ansiRed#4F7C54
  • terminal.ansiWhite#F6F2E9
  • terminal.ansiYellow#A30045
  • terminal.background#372D24
  • terminal.foreground#F6F2E9
  • titleBar.activeBackground#372D24
  • titleBar.activeForeground#F6F2E9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#372D24
  • titleBar.inactiveForeground#F6F2E960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D2BE9Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7E9A7Abold
storage.type, storage.modifier#7E9A7Aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D2368D
string, punctuation.definition.string, string.template, meta.template.expression#A30045
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4F7C54
variable, variable.other.readwrite, variable.other.object#F6F2E9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F6F2E9
variable.parameter, meta.parameter#F6F2E9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F6F2E980
keyword.operator#F6F2E9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A30045bold
entity.other.inherited-class#D2368D
entity.name.tag, punctuation.definition.tag#7E9A7A
entity.other.attribute-name#D2368D
meta.diff, meta.diff.header#D2BE9B
markup.deleted#4F7C54
markup.inserted#D2368D
markup.changed#A30045
markup.heading, markup.heading.setext, punctuation.definition.heading#D2368Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A30045
string.other.link.title, string.other.link.description#D2368D
markup.underline.link#D2BE9Bunderline
punctuation.definition.list#7E9A7A
markup.quote, punctuation.definition.quote#D2BE9Bitalic