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#5C3823
  • activityBar.border#ffffff15
  • activityBar.foreground#E9676C
  • activityBar.inactiveForeground#fff8f260
  • activityBarBadge.background#E9676C
  • activityBarBadge.foreground#5C3823
  • button.background#E9676C
  • button.foreground#5C3823
  • button.hoverBackground#E9676Cdd
  • editor.background#5C3823
  • editor.foreground#fff8f2
  • editor.inactiveSelectionBackground#EC797F3580
  • editor.lineHighlightBackground#0B090A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC797F35
  • editorCursor.foreground#E9676C
  • editorGroupHeader.tabsBackground#5C3823dd
  • editorLineNumber.activeForeground#E9676C
  • editorLineNumber.foreground#ead9d180
  • focusBorder#E9676C
  • foreground#fff8f2
  • input.background#0B090A
  • input.border#ffffff15
  • input.foreground#fff8f2
  • input.placeholderForeground#fff8f260
  • list.activeSelectionBackground#E9676C30
  • list.activeSelectionForeground#fff8f2
  • list.highlightForeground#E9676C
  • list.hoverBackground#0B090A40
  • list.hoverForeground#fff8f2
  • list.inactiveSelectionBackground#E9676C15
  • list.inactiveSelectionForeground#fff8f2
  • selection.background#EC797F35
  • sideBar.background#0B090A
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8f2
  • sideBarSectionHeader.background#5C382380
  • sideBarSectionHeader.foreground#fff8f2
  • sideBarTitle.foreground#E9676C
  • statusBar.background#5C3823
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8f2
  • statusBar.noFolderBackground#5C3823
  • tab.activeBackground#5C3823
  • tab.activeBorderTop#E9676C
  • tab.activeForeground#fff8f2
  • tab.border#ffffff15
  • tab.inactiveBackground#0B090A60
  • tab.inactiveForeground#fff8f280
  • terminal.ansiBlack#5C3823
  • terminal.ansiBlue#EC797F
  • terminal.ansiCyan#E77F55
  • terminal.ansiGreen#E9676C
  • terminal.ansiMagenta#83F1AB
  • terminal.ansiRed#83F1AB
  • terminal.ansiWhite#fff8f2
  • terminal.ansiYellow#E77F55
  • terminal.background#5C3823
  • terminal.foreground#fff8f2
  • titleBar.activeBackground#5C3823
  • titleBar.activeForeground#fff8f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5C3823
  • titleBar.inactiveForeground#fff8f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#ead9d1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC797Fbold
storage.type, storage.modifier#EC797Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9676C
string, punctuation.definition.string, string.template, meta.template.expression#E77F55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1AB
variable, variable.other.readwrite, variable.other.object#fff8f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8f2
variable.parameter, meta.parameter#fff8f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8f280
keyword.operator#fff8f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E77F55bold
entity.other.inherited-class#E9676C
entity.name.tag, punctuation.definition.tag#EC797F
entity.other.attribute-name#E9676C
meta.diff, meta.diff.header#ead9d1
markup.deleted#83F1AB
markup.inserted#E9676C
markup.changed#E77F55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9676Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E77F55
string.other.link.title, string.other.link.description#E9676C
markup.underline.link#ead9d1underline
punctuation.definition.list#EC797F
markup.quote, punctuation.definition.quote#ead9d1italic