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#122f34
  • activityBar.border#ffffff15
  • activityBar.foreground#8a5d36
  • activityBar.inactiveForeground#f4efe360
  • activityBarBadge.background#8a5d36
  • activityBarBadge.foreground#122f34
  • button.background#8a5d36
  • button.foreground#122f34
  • button.hoverBackground#8a5d36dd
  • editor.background#122f34
  • editor.foreground#f4efe3
  • editor.inactiveSelectionBackground#66725a3580
  • editor.lineHighlightBackground#241a1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#66725a35
  • editorCursor.foreground#8a5d36
  • editorGroupHeader.tabsBackground#122f34dd
  • editorLineNumber.activeForeground#8a5d36
  • editorLineNumber.foreground#b69ad780
  • focusBorder#8a5d36
  • foreground#f4efe3
  • input.background#241a16
  • input.border#ffffff15
  • input.foreground#f4efe3
  • input.placeholderForeground#f4efe360
  • list.activeSelectionBackground#8a5d3630
  • list.activeSelectionForeground#f4efe3
  • list.highlightForeground#8a5d36
  • list.hoverBackground#241a1640
  • list.hoverForeground#f4efe3
  • list.inactiveSelectionBackground#8a5d3615
  • list.inactiveSelectionForeground#f4efe3
  • selection.background#66725a35
  • sideBar.background#241a16
  • sideBar.border#ffffff15
  • sideBar.foreground#f4efe3
  • sideBarSectionHeader.background#122f3480
  • sideBarSectionHeader.foreground#f4efe3
  • sideBarTitle.foreground#8a5d36
  • statusBar.background#122f34
  • statusBar.border#ffffff15
  • statusBar.foreground#f4efe3
  • statusBar.noFolderBackground#122f34
  • tab.activeBackground#122f34
  • tab.activeBorderTop#8a5d36
  • tab.activeForeground#f4efe3
  • tab.border#ffffff15
  • tab.inactiveBackground#241a1660
  • tab.inactiveForeground#f4efe380
  • terminal.ansiBlack#122f34
  • terminal.ansiBlue#66725a
  • terminal.ansiCyan#b69ad7
  • terminal.ansiGreen#8a5d36
  • terminal.ansiMagenta#f7f2e8
  • terminal.ansiRed#f7f2e8
  • terminal.ansiWhite#f4efe3
  • terminal.ansiYellow#b69ad7
  • terminal.background#122f34
  • terminal.foreground#f4efe3
  • titleBar.activeBackground#122f34
  • titleBar.activeForeground#f4efe3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#122f34
  • titleBar.inactiveForeground#f4efe360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#b69ad7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#66725abold
storage.type, storage.modifier#66725aitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8a5d36
string, punctuation.definition.string, string.template, meta.template.expression#b69ad7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f7f2e8
variable, variable.other.readwrite, variable.other.object#f4efe3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4efe3
variable.parameter, meta.parameter#f4efe3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4efe380
keyword.operator#f4efe3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#b69ad7bold
entity.other.inherited-class#8a5d36
entity.name.tag, punctuation.definition.tag#66725a
entity.other.attribute-name#8a5d36
meta.diff, meta.diff.header#b69ad7
markup.deleted#f7f2e8
markup.inserted#8a5d36
markup.changed#b69ad7
markup.heading, markup.heading.setext, punctuation.definition.heading#8a5d36bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#b69ad7
string.other.link.title, string.other.link.description#8a5d36
markup.underline.link#b69ad7underline
punctuation.definition.list#66725a
markup.quote, punctuation.definition.quote#b69ad7italic