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#FFFCFA
  • activityBar.border#00000015
  • activityBar.foreground#932544
  • activityBar.inactiveForeground#2d272460
  • activityBarBadge.background#932544
  • activityBarBadge.foreground#FFFCFA
  • button.background#932544
  • button.foreground#FFFCFA
  • button.hoverBackground#932544dd
  • editor.background#FFFCFA
  • editor.foreground#2d2724
  • editor.inactiveSelectionBackground#8348212580
  • editor.lineHighlightBackground#F9E6E950
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83482125
  • editorCursor.foreground#932544
  • editorGroupHeader.tabsBackground#F9E6E9aa
  • editorLineNumber.activeForeground#932544
  • editorLineNumber.foreground#d9e4df80
  • focusBorder#932544
  • foreground#2d2724
  • input.background#F9E6E9
  • input.border#00000015
  • input.foreground#2d2724
  • input.placeholderForeground#2d272460
  • list.activeSelectionBackground#93254430
  • list.activeSelectionForeground#2d2724
  • list.highlightForeground#932544
  • list.hoverBackground#F9E6E940
  • list.hoverForeground#2d2724
  • list.inactiveSelectionBackground#93254415
  • list.inactiveSelectionForeground#2d2724
  • selection.background#83482125
  • sideBar.background#F9E6E9
  • sideBar.border#00000015
  • sideBar.foreground#2d2724
  • sideBarSectionHeader.background#F9E6E980
  • sideBarSectionHeader.foreground#2d2724
  • sideBarTitle.foreground#932544
  • statusBar.background#FFFCFA
  • statusBar.border#00000015
  • statusBar.foreground#2d2724
  • statusBar.noFolderBackground#FFFCFA
  • tab.activeBackground#FFFCFA
  • tab.activeBorderTop#932544
  • tab.activeForeground#2d2724
  • tab.border#00000015
  • tab.inactiveBackground#FFFCFA60
  • tab.inactiveForeground#2d272480
  • terminal.ansiBlack#2d2724
  • terminal.ansiBlue#834821
  • terminal.ansiCyan#29A393
  • terminal.ansiGreen#932544
  • terminal.ansiMagenta#76192F
  • terminal.ansiRed#76192F
  • terminal.ansiWhite#2d2724
  • terminal.ansiYellow#29A393
  • terminal.background#FFFCFA
  • terminal.foreground#2d2724
  • titleBar.activeBackground#FFFCFA
  • titleBar.activeForeground#2d2724
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFCFA
  • titleBar.inactiveForeground#2d272460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9e4dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834821bold
storage.type, storage.modifier#834821italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932544
string, punctuation.definition.string, string.template, meta.template.expression#29A393
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#76192F
variable, variable.other.readwrite, variable.other.object#2d2724
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2d2724
variable.parameter, meta.parameter#2d2724dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2d272480
keyword.operator#2d2724
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A393bold
entity.other.inherited-class#932544
entity.name.tag, punctuation.definition.tag#834821
entity.other.attribute-name#932544
meta.diff, meta.diff.header#d9e4df
markup.deleted#76192F
markup.inserted#932544
markup.changed#29A393
markup.heading, markup.heading.setext, punctuation.definition.heading#932544bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A393
string.other.link.title, string.other.link.description#932544
markup.underline.link#d9e4dfunderline
punctuation.definition.list#834821
markup.quote, punctuation.definition.quote#d9e4dfitalic