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#091B15
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C067
  • activityBar.inactiveForeground#E6F6F460
  • activityBarBadge.background#E9C067
  • activityBarBadge.foreground#091B15
  • button.background#E9C067
  • button.foreground#091B15
  • button.hoverBackground#E9C067dd
  • editor.background#091B15
  • editor.foreground#E6F6F4
  • editor.inactiveSelectionBackground#79ECAB3580
  • editor.lineHighlightBackground#182F2A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECAB35
  • editorCursor.foreground#E9C067
  • editorGroupHeader.tabsBackground#091B15dd
  • editorLineNumber.activeForeground#E9C067
  • editorLineNumber.foreground#DCEDBF80
  • focusBorder#E9C067
  • foreground#E6F6F4
  • input.background#182F2A
  • input.border#ffffff15
  • input.foreground#E6F6F4
  • input.placeholderForeground#E6F6F460
  • list.activeSelectionBackground#E9C06730
  • list.activeSelectionForeground#E6F6F4
  • list.highlightForeground#E9C067
  • list.hoverBackground#182F2A40
  • list.hoverForeground#E6F6F4
  • list.inactiveSelectionBackground#E9C06715
  • list.inactiveSelectionForeground#E6F6F4
  • selection.background#79ECAB35
  • sideBar.background#182F2A
  • sideBar.border#ffffff15
  • sideBar.foreground#E6F6F4
  • sideBarSectionHeader.background#091B1580
  • sideBarSectionHeader.foreground#E6F6F4
  • sideBarTitle.foreground#E9C067
  • statusBar.background#091B15
  • statusBar.border#ffffff15
  • statusBar.foreground#E6F6F4
  • statusBar.noFolderBackground#091B15
  • tab.activeBackground#091B15
  • tab.activeBorderTop#E9C067
  • tab.activeForeground#E6F6F4
  • tab.border#ffffff15
  • tab.inactiveBackground#182F2A60
  • tab.inactiveForeground#E6F6F480
  • terminal.ansiBlack#091B15
  • terminal.ansiBlue#79ECAB
  • terminal.ansiCyan#55E7E4
  • terminal.ansiGreen#E9C067
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#E6F6F4
  • terminal.ansiYellow#55E7E4
  • terminal.background#091B15
  • terminal.foreground#E6F6F4
  • titleBar.activeBackground#091B15
  • titleBar.activeForeground#E6F6F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#091B15
  • titleBar.inactiveForeground#E6F6F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCEDBFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECABbold
storage.type, storage.modifier#79ECABitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C067
string, punctuation.definition.string, string.template, meta.template.expression#55E7E4
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783
variable, variable.other.readwrite, variable.other.object#E6F6F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#E6F6F4
variable.parameter, meta.parameter#E6F6F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#E6F6F480
keyword.operator#E6F6F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7E4bold
entity.other.inherited-class#E9C067
entity.name.tag, punctuation.definition.tag#79ECAB
entity.other.attribute-name#E9C067
meta.diff, meta.diff.header#DCEDBF
markup.deleted#F1C783
markup.inserted#E9C067
markup.changed#55E7E4
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7E4
string.other.link.title, string.other.link.description#E9C067
markup.underline.link#DCEDBFunderline
punctuation.definition.list#79ECAB
markup.quote, punctuation.definition.quote#DCEDBFitalic