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#FCFBF8
  • activityBar.border#00000015
  • activityBar.foreground#932528
  • activityBar.inactiveForeground#15151560
  • activityBarBadge.background#932528
  • activityBarBadge.foreground#FCFBF8
  • button.background#932528
  • button.foreground#FCFBF8
  • button.hoverBackground#932528dd
  • editor.background#FCFBF8
  • editor.foreground#151515
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#F4F1EB50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#932528
  • editorGroupHeader.tabsBackground#F4F1EBaa
  • editorLineNumber.activeForeground#932528
  • editorLineNumber.foreground#6f696180
  • focusBorder#932528
  • foreground#151515
  • input.background#F4F1EB
  • input.border#00000015
  • input.foreground#151515
  • input.placeholderForeground#15151560
  • list.activeSelectionBackground#93252830
  • list.activeSelectionForeground#151515
  • list.highlightForeground#932528
  • list.hoverBackground#F4F1EB40
  • list.hoverForeground#151515
  • list.inactiveSelectionBackground#93252815
  • list.inactiveSelectionForeground#151515
  • selection.background#83622125
  • sideBar.background#F4F1EB
  • sideBar.border#00000015
  • sideBar.foreground#151515
  • sideBarSectionHeader.background#F4F1EB80
  • sideBarSectionHeader.foreground#151515
  • sideBarTitle.foreground#932528
  • statusBar.background#FCFBF8
  • statusBar.border#00000015
  • statusBar.foreground#151515
  • statusBar.noFolderBackground#FCFBF8
  • tab.activeBackground#FCFBF8
  • tab.activeBorderTop#932528
  • tab.activeForeground#151515
  • tab.border#00000015
  • tab.inactiveBackground#FCFBF860
  • tab.inactiveForeground#15151580
  • terminal.ansiBlack#151515
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#A33D29
  • terminal.ansiGreen#932528
  • terminal.ansiMagenta#76191F
  • terminal.ansiRed#76191F
  • terminal.ansiWhite#151515
  • terminal.ansiYellow#A33D29
  • terminal.background#FCFBF8
  • terminal.foreground#151515
  • titleBar.activeBackground#FCFBF8
  • titleBar.activeForeground#151515
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFBF8
  • titleBar.inactiveForeground#15151560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f6961italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836221bold
storage.type, storage.modifier#836221italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932528
string, punctuation.definition.string, string.template, meta.template.expression#A33D29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#76191F
variable, variable.other.readwrite, variable.other.object#151515
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#151515
variable.parameter, meta.parameter#151515dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#15151580
keyword.operator#151515
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A33D29bold
entity.other.inherited-class#932528
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#932528
meta.diff, meta.diff.header#6f6961
markup.deleted#76191F
markup.inserted#932528
markup.changed#A33D29
markup.heading, markup.heading.setext, punctuation.definition.heading#932528bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A33D29
string.other.link.title, string.other.link.description#932528
markup.underline.link#6f6961underline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#6f6961italic