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#080C0A
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C267
  • activityBar.inactiveForeground#D4A01760
  • activityBarBadge.background#E9C267
  • activityBarBadge.foreground#080C0A
  • button.background#E9C267
  • button.foreground#080C0A
  • button.hoverBackground#E9C267dd
  • editor.background#080C0A
  • editor.foreground#D4A017
  • editor.inactiveSelectionBackground#ECBA793580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBA7935
  • editorCursor.foreground#E9C267
  • editorGroupHeader.tabsBackground#080C0Add
  • editorLineNumber.activeForeground#E9C267
  • editorLineNumber.foreground#C48F4A80
  • focusBorder#E9C267
  • foreground#D4A017
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#D4A017
  • input.placeholderForeground#D4A01760
  • list.activeSelectionBackground#E9C26730
  • list.activeSelectionForeground#D4A017
  • list.highlightForeground#E9C267
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#D4A017
  • list.inactiveSelectionBackground#E9C26715
  • list.inactiveSelectionForeground#D4A017
  • selection.background#ECBA7935
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#D4A017
  • sideBarSectionHeader.background#080C0A80
  • sideBarSectionHeader.foreground#D4A017
  • sideBarTitle.foreground#E9C267
  • statusBar.background#080C0A
  • statusBar.border#ffffff15
  • statusBar.foreground#D4A017
  • statusBar.noFolderBackground#080C0A
  • tab.activeBackground#080C0A
  • tab.activeBorderTop#E9C267
  • tab.activeForeground#D4A017
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#D4A01780
  • terminal.ansiBlack#080C0A
  • terminal.ansiBlue#ECBA79
  • terminal.ansiCyan#55E799
  • terminal.ansiGreen#E9C267
  • terminal.ansiMagenta#83F1A8
  • terminal.ansiRed#83F1A8
  • terminal.ansiWhite#D4A017
  • terminal.ansiYellow#55E799
  • terminal.background#080C0A
  • terminal.foreground#D4A017
  • titleBar.activeBackground#080C0A
  • titleBar.activeForeground#D4A017
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080C0A
  • titleBar.inactiveForeground#D4A01760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C48F4Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBA79bold
storage.type, storage.modifier#ECBA79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C267
string, punctuation.definition.string, string.template, meta.template.expression#55E799
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1A8
variable, variable.other.readwrite, variable.other.object#D4A017
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#D4A017
variable.parameter, meta.parameter#D4A017dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#D4A01780
keyword.operator#D4A017
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E799bold
entity.other.inherited-class#E9C267
entity.name.tag, punctuation.definition.tag#ECBA79
entity.other.attribute-name#E9C267
meta.diff, meta.diff.header#C48F4A
markup.deleted#83F1A8
markup.inserted#E9C267
markup.changed#55E799
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E799
string.other.link.title, string.other.link.description#E9C267
markup.underline.link#C48F4Aunderline
punctuation.definition.list#ECBA79
markup.quote, punctuation.definition.quote#C48F4Aitalic