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#080B0C
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C967
  • activityBar.inactiveForeground#fff8e460
  • activityBarBadge.background#E9C967
  • activityBarBadge.foreground#080B0C
  • button.background#E9C967
  • button.foreground#080B0C
  • button.hoverBackground#E9C967dd
  • editor.background#080B0C
  • editor.foreground#fff8e4
  • editor.inactiveSelectionBackground#79BEEC3580
  • editor.lineHighlightBackground#1D262A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79BEEC35
  • editorCursor.foreground#E9C967
  • editorGroupHeader.tabsBackground#080B0Cdd
  • editorLineNumber.activeForeground#E9C967
  • editorLineNumber.foreground#5a647080
  • focusBorder#E9C967
  • foreground#fff8e4
  • input.background#1D262A
  • input.border#ffffff15
  • input.foreground#fff8e4
  • input.placeholderForeground#fff8e460
  • list.activeSelectionBackground#E9C96730
  • list.activeSelectionForeground#fff8e4
  • list.highlightForeground#E9C967
  • list.hoverBackground#1D262A40
  • list.hoverForeground#fff8e4
  • list.inactiveSelectionBackground#E9C96715
  • list.inactiveSelectionForeground#fff8e4
  • selection.background#79BEEC35
  • sideBar.background#1D262A
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8e4
  • sideBarSectionHeader.background#080B0C80
  • sideBarSectionHeader.foreground#fff8e4
  • sideBarTitle.foreground#E9C967
  • statusBar.background#080B0C
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8e4
  • statusBar.noFolderBackground#080B0C
  • tab.activeBackground#080B0C
  • tab.activeBorderTop#E9C967
  • tab.activeForeground#fff8e4
  • tab.border#ffffff15
  • tab.inactiveBackground#1D262A60
  • tab.inactiveForeground#fff8e480
  • terminal.ansiBlack#080B0C
  • terminal.ansiBlue#79BEEC
  • terminal.ansiCyan#55ADE7
  • terminal.ansiGreen#E9C967
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#fff8e4
  • terminal.ansiYellow#55ADE7
  • terminal.background#080B0C
  • terminal.foreground#fff8e4
  • titleBar.activeBackground#080B0C
  • titleBar.activeForeground#fff8e4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080B0C
  • titleBar.inactiveForeground#fff8e460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#5a6470italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79BEECbold
storage.type, storage.modifier#79BEECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C967
string, punctuation.definition.string, string.template, meta.template.expression#55ADE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#fff8e4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8e4
variable.parameter, meta.parameter#fff8e4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8e480
keyword.operator#fff8e4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55ADE7bold
entity.other.inherited-class#E9C967
entity.name.tag, punctuation.definition.tag#79BEEC
entity.other.attribute-name#E9C967
meta.diff, meta.diff.header#5a6470
markup.deleted#F1D683
markup.inserted#E9C967
markup.changed#55ADE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55ADE7
string.other.link.title, string.other.link.description#E9C967
markup.underline.link#5a6470underline
punctuation.definition.list#79BEEC
markup.quote, punctuation.definition.quote#5a6470italic