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#1A1009
  • activityBar.border#ffffff15
  • activityBar.foreground#E9676C
  • activityBar.inactiveForeground#FFF8EF60
  • activityBarBadge.background#E9676C
  • activityBarBadge.foreground#1A1009
  • button.background#E9676C
  • button.foreground#1A1009
  • button.hoverBackground#E9676Cdd
  • editor.background#1A1009
  • editor.foreground#FFF8EF
  • editor.inactiveSelectionBackground#98EC793580
  • editor.lineHighlightBackground#0F0D0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#98EC7935
  • editorCursor.foreground#E9676C
  • editorGroupHeader.tabsBackground#1A1009dd
  • editorLineNumber.activeForeground#E9676C
  • editorLineNumber.foreground#D8C4AC80
  • focusBorder#E9676C
  • foreground#FFF8EF
  • input.background#0F0D0A
  • input.border#ffffff15
  • input.foreground#FFF8EF
  • input.placeholderForeground#FFF8EF60
  • list.activeSelectionBackground#E9676C30
  • list.activeSelectionForeground#FFF8EF
  • list.highlightForeground#E9676C
  • list.hoverBackground#0F0D0A40
  • list.hoverForeground#FFF8EF
  • list.inactiveSelectionBackground#E9676C15
  • list.inactiveSelectionForeground#FFF8EF
  • selection.background#98EC7935
  • sideBar.background#0F0D0A
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF8EF
  • sideBarSectionHeader.background#1A100980
  • sideBarSectionHeader.foreground#FFF8EF
  • sideBarTitle.foreground#E9676C
  • statusBar.background#1A1009
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF8EF
  • statusBar.noFolderBackground#1A1009
  • tab.activeBackground#1A1009
  • tab.activeBorderTop#E9676C
  • tab.activeForeground#FFF8EF
  • tab.border#ffffff15
  • tab.inactiveBackground#0F0D0A60
  • tab.inactiveForeground#FFF8EF80
  • terminal.ansiBlack#1A1009
  • terminal.ansiBlue#98EC79
  • terminal.ansiCyan#D1E755
  • terminal.ansiGreen#E9676C
  • terminal.ansiMagenta#F18783
  • terminal.ansiRed#F18783
  • terminal.ansiWhite#FFF8EF
  • terminal.ansiYellow#D1E755
  • terminal.background#1A1009
  • terminal.foreground#FFF8EF
  • titleBar.activeBackground#1A1009
  • titleBar.activeForeground#FFF8EF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1A1009
  • titleBar.inactiveForeground#FFF8EF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8C4ACitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#98EC79bold
storage.type, storage.modifier#98EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9676C
string, punctuation.definition.string, string.template, meta.template.expression#D1E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18783
variable, variable.other.readwrite, variable.other.object#FFF8EF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF8EF
variable.parameter, meta.parameter#FFF8EFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF8EF80
keyword.operator#FFF8EF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D1E755bold
entity.other.inherited-class#E9676C
entity.name.tag, punctuation.definition.tag#98EC79
entity.other.attribute-name#E9676C
meta.diff, meta.diff.header#D8C4AC
markup.deleted#F18783
markup.inserted#E9676C
markup.changed#D1E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9676Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D1E755
string.other.link.title, string.other.link.description#E9676C
markup.underline.link#D8C4ACunderline
punctuation.definition.list#98EC79
markup.quote, punctuation.definition.quote#D8C4ACitalic