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#E9F0F6
  • activityBar.border#00000015
  • activityBar.foreground#933B25
  • activityBar.inactiveForeground#2f241960
  • activityBarBadge.background#933B25
  • activityBarBadge.foreground#E9F0F6
  • button.background#933B25
  • button.foreground#E9F0F6
  • button.hoverBackground#933B25dd
  • editor.background#E9F0F6
  • editor.foreground#2f2419
  • editor.inactiveSelectionBackground#834E212580
  • editor.lineHighlightBackground#ECDEC050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#834E2125
  • editorCursor.foreground#933B25
  • editorGroupHeader.tabsBackground#ECDEC0aa
  • editorLineNumber.activeForeground#933B25
  • editorLineNumber.foreground#EFE6D680
  • focusBorder#933B25
  • foreground#2f2419
  • input.background#ECDEC0
  • input.border#00000015
  • input.foreground#2f2419
  • input.placeholderForeground#2f241960
  • list.activeSelectionBackground#933B2530
  • list.activeSelectionForeground#2f2419
  • list.highlightForeground#933B25
  • list.hoverBackground#ECDEC040
  • list.hoverForeground#2f2419
  • list.inactiveSelectionBackground#933B2515
  • list.inactiveSelectionForeground#2f2419
  • selection.background#834E2125
  • sideBar.background#ECDEC0
  • sideBar.border#00000015
  • sideBar.foreground#2f2419
  • sideBarSectionHeader.background#ECDEC080
  • sideBarSectionHeader.foreground#2f2419
  • sideBarTitle.foreground#933B25
  • statusBar.background#E9F0F6
  • statusBar.border#00000015
  • statusBar.foreground#2f2419
  • statusBar.noFolderBackground#E9F0F6
  • tab.activeBackground#E9F0F6
  • tab.activeBorderTop#933B25
  • tab.activeForeground#2f2419
  • tab.border#00000015
  • tab.inactiveBackground#E9F0F660
  • tab.inactiveForeground#2f241980
  • terminal.ansiBlack#2f2419
  • terminal.ansiBlue#834E21
  • terminal.ansiCyan#A37C29
  • terminal.ansiGreen#933B25
  • terminal.ansiMagenta#407619
  • terminal.ansiRed#407619
  • terminal.ansiWhite#2f2419
  • terminal.ansiYellow#A37C29
  • terminal.background#E9F0F6
  • terminal.foreground#2f2419
  • titleBar.activeBackground#E9F0F6
  • titleBar.activeForeground#2f2419
  • titleBar.border#00000015
  • titleBar.inactiveBackground#E9F0F6
  • titleBar.inactiveForeground#2f241960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EFE6D6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834E21bold
storage.type, storage.modifier#834E21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#933B25
string, punctuation.definition.string, string.template, meta.template.expression#A37C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#407619
variable, variable.other.readwrite, variable.other.object#2f2419
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f2419
variable.parameter, meta.parameter#2f2419dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f241980
keyword.operator#2f2419
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37C29bold
entity.other.inherited-class#933B25
entity.name.tag, punctuation.definition.tag#834E21
entity.other.attribute-name#933B25
meta.diff, meta.diff.header#EFE6D6
markup.deleted#407619
markup.inserted#933B25
markup.changed#A37C29
markup.heading, markup.heading.setext, punctuation.definition.heading#933B25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37C29
string.other.link.title, string.other.link.description#933B25
markup.underline.link#EFE6D6underline
punctuation.definition.list#834E21
markup.quote, punctuation.definition.quote#EFE6D6italic