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#44324D
  • activityBar.border#ffffff15
  • activityBar.foreground#E98C67
  • activityBar.inactiveForeground#f7e4c360
  • activityBarBadge.background#E98C67
  • activityBarBadge.foreground#44324D
  • button.background#E98C67
  • button.foreground#44324D
  • button.hoverBackground#E98C67dd
  • editor.background#44324D
  • editor.foreground#f7e4c3
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#15100E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#E98C67
  • editorGroupHeader.tabsBackground#44324Ddd
  • editorLineNumber.activeForeground#E98C67
  • editorLineNumber.foreground#a9786180
  • focusBorder#E98C67
  • foreground#f7e4c3
  • input.background#15100E
  • input.border#ffffff15
  • input.foreground#f7e4c3
  • input.placeholderForeground#f7e4c360
  • list.activeSelectionBackground#E98C6730
  • list.activeSelectionForeground#f7e4c3
  • list.highlightForeground#E98C67
  • list.hoverBackground#15100E40
  • list.hoverForeground#f7e4c3
  • list.inactiveSelectionBackground#E98C6715
  • list.inactiveSelectionForeground#f7e4c3
  • selection.background#ECBE7935
  • sideBar.background#15100E
  • sideBar.border#ffffff15
  • sideBar.foreground#f7e4c3
  • sideBarSectionHeader.background#44324D80
  • sideBarSectionHeader.foreground#f7e4c3
  • sideBarTitle.foreground#E98C67
  • statusBar.background#44324D
  • statusBar.border#ffffff15
  • statusBar.foreground#f7e4c3
  • statusBar.noFolderBackground#44324D
  • tab.activeBackground#44324D
  • tab.activeBorderTop#E98C67
  • tab.activeForeground#f7e4c3
  • tab.border#ffffff15
  • tab.inactiveBackground#15100E60
  • tab.inactiveForeground#f7e4c380
  • terminal.ansiBlack#44324D
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#55B4E7
  • terminal.ansiGreen#E98C67
  • terminal.ansiMagenta#F1C983
  • terminal.ansiRed#F1C983
  • terminal.ansiWhite#f7e4c3
  • terminal.ansiYellow#55B4E7
  • terminal.background#44324D
  • terminal.foreground#f7e4c3
  • titleBar.activeBackground#44324D
  • titleBar.activeForeground#f7e4c3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#44324D
  • titleBar.inactiveForeground#f7e4c360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a97861italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBE79bold
storage.type, storage.modifier#ECBE79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98C67
string, punctuation.definition.string, string.template, meta.template.expression#55B4E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C983
variable, variable.other.readwrite, variable.other.object#f7e4c3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f7e4c3
variable.parameter, meta.parameter#f7e4c3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f7e4c380
keyword.operator#f7e4c3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55B4E7bold
entity.other.inherited-class#E98C67
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#E98C67
meta.diff, meta.diff.header#a97861
markup.deleted#F1C983
markup.inserted#E98C67
markup.changed#55B4E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E98C67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55B4E7
string.other.link.title, string.other.link.description#E98C67
markup.underline.link#a97861underline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#a97861italic