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#FBF9F4
  • activityBar.border#00000015
  • activityBar.foreground#933B25
  • activityBar.inactiveForeground#2B252360
  • activityBarBadge.background#933B25
  • activityBarBadge.foreground#FBF9F4
  • button.background#933B25
  • button.foreground#FBF9F4
  • button.hoverBackground#933B25dd
  • editor.background#FBF9F4
  • editor.foreground#2B2523
  • editor.inactiveSelectionBackground#8341212580
  • editor.lineHighlightBackground#DED1BF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83412125
  • editorCursor.foreground#933B25
  • editorGroupHeader.tabsBackground#DED1BFaa
  • editorLineNumber.activeForeground#933B25
  • editorLineNumber.foreground#6B4A3A80
  • focusBorder#933B25
  • foreground#2B2523
  • input.background#DED1BF
  • input.border#00000015
  • input.foreground#2B2523
  • input.placeholderForeground#2B252360
  • list.activeSelectionBackground#933B2530
  • list.activeSelectionForeground#2B2523
  • list.highlightForeground#933B25
  • list.hoverBackground#DED1BF40
  • list.hoverForeground#2B2523
  • list.inactiveSelectionBackground#933B2515
  • list.inactiveSelectionForeground#2B2523
  • selection.background#83412125
  • sideBar.background#DED1BF
  • sideBar.border#00000015
  • sideBar.foreground#2B2523
  • sideBarSectionHeader.background#DED1BF80
  • sideBarSectionHeader.foreground#2B2523
  • sideBarTitle.foreground#933B25
  • statusBar.background#FBF9F4
  • statusBar.border#00000015
  • statusBar.foreground#2B2523
  • statusBar.noFolderBackground#FBF9F4
  • tab.activeBackground#FBF9F4
  • tab.activeBorderTop#933B25
  • tab.activeForeground#2B2523
  • tab.border#00000015
  • tab.inactiveBackground#FBF9F460
  • tab.inactiveForeground#2B252380
  • terminal.ansiBlack#2B2523
  • terminal.ansiBlue#834121
  • terminal.ansiCyan#A36E29
  • terminal.ansiGreen#933B25
  • terminal.ansiMagenta#765519
  • terminal.ansiRed#765519
  • terminal.ansiWhite#2B2523
  • terminal.ansiYellow#A36E29
  • terminal.background#FBF9F4
  • terminal.foreground#2B2523
  • titleBar.activeBackground#FBF9F4
  • titleBar.activeForeground#2B2523
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF9F4
  • titleBar.inactiveForeground#2B252360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6B4A3Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834121bold
storage.type, storage.modifier#834121italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#933B25
string, punctuation.definition.string, string.template, meta.template.expression#A36E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765519
variable, variable.other.readwrite, variable.other.object#2B2523
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2523
variable.parameter, meta.parameter#2B2523dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B252380
keyword.operator#2B2523
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36E29bold
entity.other.inherited-class#933B25
entity.name.tag, punctuation.definition.tag#834121
entity.other.attribute-name#933B25
meta.diff, meta.diff.header#6B4A3A
markup.deleted#765519
markup.inserted#933B25
markup.changed#A36E29
markup.heading, markup.heading.setext, punctuation.definition.heading#933B25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36E29
string.other.link.title, string.other.link.description#933B25
markup.underline.link#6B4A3Aunderline
punctuation.definition.list#834121
markup.quote, punctuation.definition.quote#6B4A3Aitalic