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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#932725
  • activityBar.inactiveForeground#0D0D0F60
  • activityBarBadge.background#932725
  • activityBarBadge.foreground#FEFDFB
  • button.background#932725
  • button.foreground#FEFDFB
  • button.hoverBackground#932725dd
  • editor.background#FEFDFB
  • editor.foreground#0D0D0F
  • editor.inactiveSelectionBackground#8327212580
  • editor.lineHighlightBackground#F5EDE050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83272125
  • editorCursor.foreground#932725
  • editorGroupHeader.tabsBackground#F5EDE0aa
  • editorLineNumber.activeForeground#932725
  • editorLineNumber.foreground#C8B99B80
  • focusBorder#932725
  • foreground#0D0D0F
  • input.background#F5EDE0
  • input.border#00000015
  • input.foreground#0D0D0F
  • input.placeholderForeground#0D0D0F60
  • list.activeSelectionBackground#93272530
  • list.activeSelectionForeground#0D0D0F
  • list.highlightForeground#932725
  • list.hoverBackground#F5EDE040
  • list.hoverForeground#0D0D0F
  • list.inactiveSelectionBackground#93272515
  • list.inactiveSelectionForeground#0D0D0F
  • selection.background#83272125
  • sideBar.background#F5EDE0
  • sideBar.border#00000015
  • sideBar.foreground#0D0D0F
  • sideBarSectionHeader.background#F5EDE080
  • sideBarSectionHeader.foreground#0D0D0F
  • sideBarTitle.foreground#932725
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#0D0D0F
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#932725
  • tab.activeForeground#0D0D0F
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#0D0D0F80
  • terminal.ansiBlack#0D0D0F
  • terminal.ansiBlue#832721
  • terminal.ansiCyan#29A3A3
  • terminal.ansiGreen#932725
  • terminal.ansiMagenta#197476
  • terminal.ansiRed#197476
  • terminal.ansiWhite#0D0D0F
  • terminal.ansiYellow#29A3A3
  • terminal.background#FEFDFB
  • terminal.foreground#0D0D0F
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#0D0D0F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#0D0D0F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B99Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#832721bold
storage.type, storage.modifier#832721italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932725
string, punctuation.definition.string, string.template, meta.template.expression#29A3A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197476
variable, variable.other.readwrite, variable.other.object#0D0D0F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0D0F
variable.parameter, meta.parameter#0D0D0Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0D0F80
keyword.operator#0D0D0F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A3A3bold
entity.other.inherited-class#932725
entity.name.tag, punctuation.definition.tag#832721
entity.other.attribute-name#932725
meta.diff, meta.diff.header#C8B99B
markup.deleted#197476
markup.inserted#932725
markup.changed#29A3A3
markup.heading, markup.heading.setext, punctuation.definition.heading#932725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A3A3
string.other.link.title, string.other.link.description#932725
markup.underline.link#C8B99Bunderline
punctuation.definition.list#832721
markup.quote, punctuation.definition.quote#C8B99Bitalic