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#f3f4f6
  • activityBar.border#00000015
  • activityBar.foreground#6b4a34
  • activityBar.inactiveForeground#1a1c2060
  • activityBarBadge.background#6b4a34
  • activityBarBadge.foreground#f3f4f6
  • button.background#6b4a34
  • button.foreground#f3f4f6
  • button.hoverBackground#6b4a34dd
  • editor.background#f3f4f6
  • editor.foreground#1a1c20
  • editor.inactiveSelectionBackground#4a5d7a2580
  • editor.lineHighlightBackground#e7e5dd50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4a5d7a25
  • editorCursor.foreground#6b4a34
  • editorGroupHeader.tabsBackground#e7e5ddaa
  • editorLineNumber.activeForeground#6b4a34
  • editorLineNumber.foreground#8a817480
  • focusBorder#6b4a34
  • foreground#1a1c20
  • input.background#e7e5dd
  • input.border#00000015
  • input.foreground#1a1c20
  • input.placeholderForeground#1a1c2060
  • list.activeSelectionBackground#6b4a3430
  • list.activeSelectionForeground#1a1c20
  • list.highlightForeground#6b4a34
  • list.hoverBackground#e7e5dd40
  • list.hoverForeground#1a1c20
  • list.inactiveSelectionBackground#6b4a3415
  • list.inactiveSelectionForeground#1a1c20
  • selection.background#4a5d7a25
  • sideBar.background#e7e5dd
  • sideBar.border#00000015
  • sideBar.foreground#1a1c20
  • sideBarSectionHeader.background#e7e5dd80
  • sideBarSectionHeader.foreground#1a1c20
  • sideBarTitle.foreground#6b4a34
  • statusBar.background#f3f4f6
  • statusBar.border#00000015
  • statusBar.foreground#1a1c20
  • statusBar.noFolderBackground#f3f4f6
  • tab.activeBackground#f3f4f6
  • tab.activeBorderTop#6b4a34
  • tab.activeForeground#1a1c20
  • tab.border#00000015
  • tab.inactiveBackground#f3f4f660
  • tab.inactiveForeground#1a1c2080
  • terminal.ansiBlack#1a1c20
  • terminal.ansiBlue#4a5d7a
  • terminal.ansiCyan#f2a53a
  • terminal.ansiGreen#6b4a34
  • terminal.ansiMagenta#e07b2f
  • terminal.ansiRed#e07b2f
  • terminal.ansiWhite#1a1c20
  • terminal.ansiYellow#f2a53a
  • terminal.background#f3f4f6
  • terminal.foreground#1a1c20
  • titleBar.activeBackground#f3f4f6
  • titleBar.activeForeground#1a1c20
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f3f4f6
  • titleBar.inactiveForeground#1a1c2060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a8174italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4a5d7abold
storage.type, storage.modifier#4a5d7aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6b4a34
string, punctuation.definition.string, string.template, meta.template.expression#f2a53a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#e07b2f
variable, variable.other.readwrite, variable.other.object#1a1c20
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1a1c20
variable.parameter, meta.parameter#1a1c20dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1a1c2080
keyword.operator#1a1c20
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f2a53abold
entity.other.inherited-class#6b4a34
entity.name.tag, punctuation.definition.tag#4a5d7a
entity.other.attribute-name#6b4a34
meta.diff, meta.diff.header#8a8174
markup.deleted#e07b2f
markup.inserted#6b4a34
markup.changed#f2a53a
markup.heading, markup.heading.setext, punctuation.definition.heading#6b4a34bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f2a53a
string.other.link.title, string.other.link.description#6b4a34
markup.underline.link#8a8174underline
punctuation.definition.list#4a5d7a
markup.quote, punctuation.definition.quote#8a8174italic