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#5b3024
  • activityBar.border#ffffff15
  • activityBar.foreground#b94a24
  • activityBar.inactiveForeground#fff3df60
  • activityBarBadge.background#b94a24
  • activityBarBadge.foreground#5b3024
  • button.background#b94a24
  • button.foreground#5b3024
  • button.hoverBackground#b94a24dd
  • editor.background#5b3024
  • editor.foreground#fff3df
  • editor.inactiveSelectionBackground#ef8a2e3580
  • editor.lineHighlightBackground#2d171140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ef8a2e35
  • editorCursor.foreground#b94a24
  • editorGroupHeader.tabsBackground#5b3024dd
  • editorLineNumber.activeForeground#b94a24
  • editorLineNumber.foreground#8a655680
  • focusBorder#b94a24
  • foreground#fff3df
  • input.background#2d1711
  • input.border#ffffff15
  • input.foreground#fff3df
  • input.placeholderForeground#fff3df60
  • list.activeSelectionBackground#b94a2430
  • list.activeSelectionForeground#fff3df
  • list.highlightForeground#b94a24
  • list.hoverBackground#2d171140
  • list.hoverForeground#fff3df
  • list.inactiveSelectionBackground#b94a2415
  • list.inactiveSelectionForeground#fff3df
  • selection.background#ef8a2e35
  • sideBar.background#2d1711
  • sideBar.border#ffffff15
  • sideBar.foreground#fff3df
  • sideBarSectionHeader.background#5b302480
  • sideBarSectionHeader.foreground#fff3df
  • sideBarTitle.foreground#b94a24
  • statusBar.background#5b3024
  • statusBar.border#ffffff15
  • statusBar.foreground#fff3df
  • statusBar.noFolderBackground#5b3024
  • tab.activeBackground#5b3024
  • tab.activeBorderTop#b94a24
  • tab.activeForeground#fff3df
  • tab.border#ffffff15
  • tab.inactiveBackground#2d171160
  • tab.inactiveForeground#fff3df80
  • terminal.ansiBlack#5b3024
  • terminal.ansiBlue#ef8a2e
  • terminal.ansiCyan#f4c58f
  • terminal.ansiGreen#b94a24
  • terminal.ansiMagenta#ffd17a
  • terminal.ansiRed#ffd17a
  • terminal.ansiWhite#fff3df
  • terminal.ansiYellow#f4c58f
  • terminal.background#5b3024
  • terminal.foreground#fff3df
  • titleBar.activeBackground#5b3024
  • titleBar.activeForeground#fff3df
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5b3024
  • titleBar.inactiveForeground#fff3df60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a6556italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ef8a2ebold
storage.type, storage.modifier#ef8a2eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#b94a24
string, punctuation.definition.string, string.template, meta.template.expression#f4c58f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#ffd17a
variable, variable.other.readwrite, variable.other.object#fff3df
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff3df
variable.parameter, meta.parameter#fff3dfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff3df80
keyword.operator#fff3df
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f4c58fbold
entity.other.inherited-class#b94a24
entity.name.tag, punctuation.definition.tag#ef8a2e
entity.other.attribute-name#b94a24
meta.diff, meta.diff.header#8a6556
markup.deleted#ffd17a
markup.inserted#b94a24
markup.changed#f4c58f
markup.heading, markup.heading.setext, punctuation.definition.heading#b94a24bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f4c58f
string.other.link.title, string.other.link.description#b94a24
markup.underline.link#8a6556underline
punctuation.definition.list#ef8a2e
markup.quote, punctuation.definition.quote#8a6556italic