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#ECEDEA
  • activityBar.border#00000015
  • activityBar.foreground#C75A2B
  • activityBar.inactiveForeground#2B2F3360
  • activityBarBadge.background#C75A2B
  • activityBarBadge.foreground#ECEDEA
  • button.background#C75A2B
  • button.foreground#ECEDEA
  • button.hoverBackground#C75A2Bdd
  • editor.background#ECEDEA
  • editor.foreground#2B2F33
  • editor.inactiveSelectionBackground#8D959C2580
  • editor.lineHighlightBackground#B8BDC250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8D959C25
  • editorCursor.foreground#C75A2B
  • editorGroupHeader.tabsBackground#B8BDC2aa
  • editorLineNumber.activeForeground#C75A2B
  • editorLineNumber.foreground#50565B80
  • focusBorder#C75A2B
  • foreground#2B2F33
  • input.background#B8BDC2
  • input.border#00000015
  • input.foreground#2B2F33
  • input.placeholderForeground#2B2F3360
  • list.activeSelectionBackground#C75A2B30
  • list.activeSelectionForeground#2B2F33
  • list.highlightForeground#C75A2B
  • list.hoverBackground#B8BDC240
  • list.hoverForeground#2B2F33
  • list.inactiveSelectionBackground#C75A2B15
  • list.inactiveSelectionForeground#2B2F33
  • selection.background#8D959C25
  • sideBar.background#B8BDC2
  • sideBar.border#00000015
  • sideBar.foreground#2B2F33
  • sideBarSectionHeader.background#B8BDC280
  • sideBarSectionHeader.foreground#2B2F33
  • sideBarTitle.foreground#C75A2B
  • statusBar.background#ECEDEA
  • statusBar.border#00000015
  • statusBar.foreground#2B2F33
  • statusBar.noFolderBackground#ECEDEA
  • tab.activeBackground#ECEDEA
  • tab.activeBorderTop#C75A2B
  • tab.activeForeground#2B2F33
  • tab.border#00000015
  • tab.inactiveBackground#ECEDEA60
  • tab.inactiveForeground#2B2F3380
  • terminal.ansiBlack#2B2F33
  • terminal.ansiBlue#8D959C
  • terminal.ansiCyan#A7B56A
  • terminal.ansiGreen#C75A2B
  • terminal.ansiMagenta#D69521
  • terminal.ansiRed#D69521
  • terminal.ansiWhite#2B2F33
  • terminal.ansiYellow#A7B56A
  • terminal.background#ECEDEA
  • terminal.foreground#2B2F33
  • titleBar.activeBackground#ECEDEA
  • titleBar.activeForeground#2B2F33
  • titleBar.border#00000015
  • titleBar.inactiveBackground#ECEDEA
  • titleBar.inactiveForeground#2B2F3360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#50565Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8D959Cbold
storage.type, storage.modifier#8D959Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#C75A2B
string, punctuation.definition.string, string.template, meta.template.expression#A7B56A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D69521
variable, variable.other.readwrite, variable.other.object#2B2F33
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F33
variable.parameter, meta.parameter#2B2F33dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F3380
keyword.operator#2B2F33
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A7B56Abold
entity.other.inherited-class#C75A2B
entity.name.tag, punctuation.definition.tag#8D959C
entity.other.attribute-name#C75A2B
meta.diff, meta.diff.header#50565B
markup.deleted#D69521
markup.inserted#C75A2B
markup.changed#A7B56A
markup.heading, markup.heading.setext, punctuation.definition.heading#C75A2Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A7B56A
string.other.link.title, string.other.link.description#C75A2B
markup.underline.link#50565Bunderline
punctuation.definition.list#8D959C
markup.quote, punctuation.definition.quote#50565Bitalic