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#0C1112
  • activityBar.border#ffffff15
  • activityBar.foreground#E9676C
  • activityBar.inactiveForeground#FAFAFA60
  • activityBarBadge.background#E9676C
  • activityBarBadge.foreground#0C1112
  • button.background#E9676C
  • button.foreground#0C1112
  • button.hoverBackground#E9676Cdd
  • editor.background#0C1112
  • editor.foreground#FAFAFA
  • editor.inactiveSelectionBackground#C9EC793580
  • editor.lineHighlightBackground#EFE6E640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C9EC7935
  • editorCursor.foreground#E9676C
  • editorGroupHeader.tabsBackground#0C1112dd
  • editorLineNumber.activeForeground#E9676C
  • editorLineNumber.foreground#E5E5E680
  • focusBorder#E9676C
  • foreground#FAFAFA
  • input.background#EFE6E6
  • input.border#ffffff15
  • input.foreground#FAFAFA
  • input.placeholderForeground#FAFAFA60
  • list.activeSelectionBackground#E9676C30
  • list.activeSelectionForeground#FAFAFA
  • list.highlightForeground#E9676C
  • list.hoverBackground#EFE6E640
  • list.hoverForeground#FAFAFA
  • list.inactiveSelectionBackground#E9676C15
  • list.inactiveSelectionForeground#FAFAFA
  • selection.background#C9EC7935
  • sideBar.background#EFE6E6
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAFA
  • sideBarSectionHeader.background#0C111280
  • sideBarSectionHeader.foreground#FAFAFA
  • sideBarTitle.foreground#E9676C
  • statusBar.background#0C1112
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAFA
  • statusBar.noFolderBackground#0C1112
  • tab.activeBackground#0C1112
  • tab.activeBorderTop#E9676C
  • tab.activeForeground#FAFAFA
  • tab.border#ffffff15
  • tab.inactiveBackground#EFE6E660
  • tab.inactiveForeground#FAFAFA80
  • terminal.ansiBlack#0C1112
  • terminal.ansiBlue#C9EC79
  • terminal.ansiCyan#9CE755
  • terminal.ansiGreen#E9676C
  • terminal.ansiMagenta#F1AA83
  • terminal.ansiRed#F1AA83
  • terminal.ansiWhite#FAFAFA
  • terminal.ansiYellow#9CE755
  • terminal.background#0C1112
  • terminal.foreground#FAFAFA
  • titleBar.activeBackground#0C1112
  • titleBar.activeForeground#FAFAFA
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0C1112
  • titleBar.inactiveForeground#FAFAFA60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E5E5E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C9EC79bold
storage.type, storage.modifier#C9EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9676C
string, punctuation.definition.string, string.template, meta.template.expression#9CE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AA83
variable, variable.other.readwrite, variable.other.object#FAFAFA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAFA
variable.parameter, meta.parameter#FAFAFAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAFA80
keyword.operator#FAFAFA
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9CE755bold
entity.other.inherited-class#E9676C
entity.name.tag, punctuation.definition.tag#C9EC79
entity.other.attribute-name#E9676C
meta.diff, meta.diff.header#E5E5E6
markup.deleted#F1AA83
markup.inserted#E9676C
markup.changed#9CE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9676Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9CE755
string.other.link.title, string.other.link.description#E9676C
markup.underline.link#E5E5E6underline
punctuation.definition.list#C9EC79
markup.quote, punctuation.definition.quote#E5E5E6italic