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#04100E
  • activityBar.border#ffffff15
  • activityBar.foreground#E98A67
  • activityBar.inactiveForeground#FAFBFC60
  • activityBarBadge.background#E98A67
  • activityBarBadge.foreground#04100E
  • button.background#E98A67
  • button.foreground#04100E
  • button.hoverBackground#E98A67dd
  • editor.background#04100E
  • editor.foreground#FAFBFC
  • editor.inactiveSelectionBackground#ECBE793580
  • editor.lineHighlightBackground#080A0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBE7935
  • editorCursor.foreground#E98A67
  • editorGroupHeader.tabsBackground#04100Edd
  • editorLineNumber.activeForeground#E98A67
  • editorLineNumber.foreground#eadfcf80
  • focusBorder#E98A67
  • foreground#FAFBFC
  • input.background#080A0C
  • input.border#ffffff15
  • input.foreground#FAFBFC
  • input.placeholderForeground#FAFBFC60
  • list.activeSelectionBackground#E98A6730
  • list.activeSelectionForeground#FAFBFC
  • list.highlightForeground#E98A67
  • list.hoverBackground#080A0C40
  • list.hoverForeground#FAFBFC
  • list.inactiveSelectionBackground#E98A6715
  • list.inactiveSelectionForeground#FAFBFC
  • selection.background#ECBE7935
  • sideBar.background#080A0C
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFBFC
  • sideBarSectionHeader.background#04100E80
  • sideBarSectionHeader.foreground#FAFBFC
  • sideBarTitle.foreground#E98A67
  • statusBar.background#04100E
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFBFC
  • statusBar.noFolderBackground#04100E
  • tab.activeBackground#04100E
  • tab.activeBorderTop#E98A67
  • tab.activeForeground#FAFBFC
  • tab.border#ffffff15
  • tab.inactiveBackground#080A0C60
  • tab.inactiveForeground#FAFBFC80
  • terminal.ansiBlack#04100E
  • terminal.ansiBlue#ECBE79
  • terminal.ansiCyan#55E7D8
  • terminal.ansiGreen#E98A67
  • terminal.ansiMagenta#83F1D2
  • terminal.ansiRed#83F1D2
  • terminal.ansiWhite#FAFBFC
  • terminal.ansiYellow#55E7D8
  • terminal.background#04100E
  • terminal.foreground#FAFBFC
  • titleBar.activeBackground#04100E
  • titleBar.activeForeground#FAFBFC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#04100E
  • titleBar.inactiveForeground#FAFBFC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#eadfcfitalic
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#E98A67
string, punctuation.definition.string, string.template, meta.template.expression#55E7D8
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1D2
variable, variable.other.readwrite, variable.other.object#FAFBFC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFBFC
variable.parameter, meta.parameter#FAFBFCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFBFC80
keyword.operator#FAFBFC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D8bold
entity.other.inherited-class#E98A67
entity.name.tag, punctuation.definition.tag#ECBE79
entity.other.attribute-name#E98A67
meta.diff, meta.diff.header#eadfcf
markup.deleted#83F1D2
markup.inserted#E98A67
markup.changed#55E7D8
markup.heading, markup.heading.setext, punctuation.definition.heading#E98A67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D8
string.other.link.title, string.other.link.description#E98A67
markup.underline.link#eadfcfunderline
punctuation.definition.list#ECBE79
markup.quote, punctuation.definition.quote#eadfcfitalic