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#efe3cf
  • activityBar.border#00000015
  • activityBar.foreground#b7653b
  • activityBar.inactiveForeground#2d292360
  • activityBarBadge.background#b7653b
  • activityBarBadge.foreground#efe3cf
  • button.background#b7653b
  • button.foreground#efe3cf
  • button.hoverBackground#b7653bdd
  • editor.background#efe3cf
  • editor.foreground#2d2923
  • editor.inactiveSelectionBackground#7f8d722580
  • editor.lineHighlightBackground#e6d1b050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#7f8d7225
  • editorCursor.foreground#b7653b
  • editorGroupHeader.tabsBackground#e6d1b0aa
  • editorLineNumber.activeForeground#b7653b
  • editorLineNumber.foreground#8a877d80
  • focusBorder#b7653b
  • foreground#2d2923
  • input.background#e6d1b0
  • input.border#00000015
  • input.foreground#2d2923
  • input.placeholderForeground#2d292360
  • list.activeSelectionBackground#b7653b30
  • list.activeSelectionForeground#2d2923
  • list.highlightForeground#b7653b
  • list.hoverBackground#e6d1b040
  • list.hoverForeground#2d2923
  • list.inactiveSelectionBackground#b7653b15
  • list.inactiveSelectionForeground#2d2923
  • selection.background#7f8d7225
  • sideBar.background#e6d1b0
  • sideBar.border#00000015
  • sideBar.foreground#2d2923
  • sideBarSectionHeader.background#e6d1b080
  • sideBarSectionHeader.foreground#2d2923
  • sideBarTitle.foreground#b7653b
  • statusBar.background#efe3cf
  • statusBar.border#00000015
  • statusBar.foreground#2d2923
  • statusBar.noFolderBackground#efe3cf
  • tab.activeBackground#efe3cf
  • tab.activeBorderTop#b7653b
  • tab.activeForeground#2d2923
  • tab.border#00000015
  • tab.inactiveBackground#efe3cf60
  • tab.inactiveForeground#2d292380
  • terminal.ansiBlack#2d2923
  • terminal.ansiBlue#7f8d72
  • terminal.ansiCyan#d7b27a
  • terminal.ansiGreen#b7653b
  • terminal.ansiMagenta#f1e6d2
  • terminal.ansiRed#f1e6d2
  • terminal.ansiWhite#2d2923
  • terminal.ansiYellow#d7b27a
  • terminal.background#efe3cf
  • terminal.foreground#2d2923
  • titleBar.activeBackground#efe3cf
  • titleBar.activeForeground#2d2923
  • titleBar.border#00000015
  • titleBar.inactiveBackground#efe3cf
  • titleBar.inactiveForeground#2d292360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a877ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#7f8d72bold
storage.type, storage.modifier#7f8d72italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b7653b
string, punctuation.definition.string, string.template, meta.template.expression#d7b27a
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f1e6d2
variable, variable.other.readwrite, variable.other.object#2d2923
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2d2923
variable.parameter, meta.parameter#2d2923dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2d292380
keyword.operator#2d2923
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d7b27abold
entity.other.inherited-class#b7653b
entity.name.tag, punctuation.definition.tag#7f8d72
entity.other.attribute-name#b7653b
meta.diff, meta.diff.header#8a877d
markup.deleted#f1e6d2
markup.inserted#b7653b
markup.changed#d7b27a
markup.heading, markup.heading.setext, punctuation.definition.heading#b7653bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d7b27a
string.other.link.title, string.other.link.description#b7653b
markup.underline.link#8a877dunderline
punctuation.definition.list#7f8d72
markup.quote, punctuation.definition.quote#8a877ditalic