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#5F5449
  • activityBar.border#ffffff15
  • activityBar.foreground#E967AA
  • activityBar.inactiveForeground#FAFAF860
  • activityBarBadge.background#E967AA
  • activityBarBadge.foreground#5F5449
  • button.background#E967AA
  • button.foreground#5F5449
  • button.hoverBackground#E967AAdd
  • editor.background#5F5449
  • editor.foreground#FAFAF8
  • editor.inactiveSelectionBackground#9CEC793580
  • editor.lineHighlightBackground#21212140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9CEC7935
  • editorCursor.foreground#E967AA
  • editorGroupHeader.tabsBackground#5F5449dd
  • editorLineNumber.activeForeground#E967AA
  • editorLineNumber.foreground#D6B77A80
  • focusBorder#E967AA
  • foreground#FAFAF8
  • input.background#212121
  • input.border#ffffff15
  • input.foreground#FAFAF8
  • input.placeholderForeground#FAFAF860
  • list.activeSelectionBackground#E967AA30
  • list.activeSelectionForeground#FAFAF8
  • list.highlightForeground#E967AA
  • list.hoverBackground#21212140
  • list.hoverForeground#FAFAF8
  • list.inactiveSelectionBackground#E967AA15
  • list.inactiveSelectionForeground#FAFAF8
  • selection.background#9CEC7935
  • sideBar.background#212121
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFAF8
  • sideBarSectionHeader.background#5F544980
  • sideBarSectionHeader.foreground#FAFAF8
  • sideBarTitle.foreground#E967AA
  • statusBar.background#5F5449
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFAF8
  • statusBar.noFolderBackground#5F5449
  • tab.activeBackground#5F5449
  • tab.activeBorderTop#E967AA
  • tab.activeForeground#FAFAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#21212160
  • tab.inactiveForeground#FAFAF880
  • terminal.ansiBlack#5F5449
  • terminal.ansiBlue#9CEC79
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#E967AA
  • terminal.ansiMagenta#F183B8
  • terminal.ansiRed#F183B8
  • terminal.ansiWhite#FAFAF8
  • terminal.ansiYellow#E7C255
  • terminal.background#5F5449
  • terminal.foreground#FAFAF8
  • titleBar.activeBackground#5F5449
  • titleBar.activeForeground#FAFAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5F5449
  • titleBar.inactiveForeground#FAFAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D6B77Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9CEC79bold
storage.type, storage.modifier#9CEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E967AA
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F183B8
variable, variable.other.readwrite, variable.other.object#FAFAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFAF8
variable.parameter, meta.parameter#FAFAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFAF880
keyword.operator#FAFAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C255bold
entity.other.inherited-class#E967AA
entity.name.tag, punctuation.definition.tag#9CEC79
entity.other.attribute-name#E967AA
meta.diff, meta.diff.header#D6B77A
markup.deleted#F183B8
markup.inserted#E967AA
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#E967AAbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#E967AA
markup.underline.link#D6B77Aunderline
punctuation.definition.list#9CEC79
markup.quote, punctuation.definition.quote#D6B77Aitalic