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#F7F2E8
  • activityBar.border#00000015
  • activityBar.foreground#B11226
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#B11226
  • activityBarBadge.foreground#F7F2E8
  • button.background#B11226
  • button.foreground#F7F2E8
  • button.hoverBackground#B11226dd
  • editor.background#F7F2E8
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#0E5A362580
  • editor.lineHighlightBackground#F6D9DC50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#0E5A3625
  • editorCursor.foreground#B11226
  • editorGroupHeader.tabsBackground#F6D9DCaa
  • editorLineNumber.activeForeground#B11226
  • editorLineNumber.foreground#6A7A2E80
  • focusBorder#B11226
  • foreground#1A1A1A
  • input.background#F6D9DC
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#B1122630
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#B11226
  • list.hoverBackground#F6D9DC40
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#B1122615
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#0E5A3625
  • sideBar.background#F6D9DC
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#F6D9DC80
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#B11226
  • statusBar.background#F7F2E8
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#F7F2E8
  • tab.activeBackground#F7F2E8
  • tab.activeBorderTop#B11226
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#F7F2E860
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#0E5A36
  • terminal.ansiCyan#D6454C
  • terminal.ansiGreen#B11226
  • terminal.ansiMagenta#D8A84C
  • terminal.ansiRed#D8A84C
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#D6454C
  • terminal.background#F7F2E8
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#F7F2E8
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F2E8
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6A7A2Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#0E5A36bold
storage.type, storage.modifier#0E5A36italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#B11226
string, punctuation.definition.string, string.template, meta.template.expression#D6454C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D8A84C
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D6454Cbold
entity.other.inherited-class#B11226
entity.name.tag, punctuation.definition.tag#0E5A36
entity.other.attribute-name#B11226
meta.diff, meta.diff.header#6A7A2E
markup.deleted#D8A84C
markup.inserted#B11226
markup.changed#D6454C
markup.heading, markup.heading.setext, punctuation.definition.heading#B11226bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D6454C
string.other.link.title, string.other.link.description#B11226
markup.underline.link#6A7A2Eunderline
punctuation.definition.list#0E5A36
markup.quote, punctuation.definition.quote#6A7A2Eitalic