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#0C2222
  • activityBar.border#ffffff15
  • activityBar.foreground#E99567
  • activityBar.inactiveForeground#fff7ec60
  • activityBarBadge.background#E99567
  • activityBarBadge.foreground#0C2222
  • button.background#E99567
  • button.foreground#0C2222
  • button.hoverBackground#E99567dd
  • editor.background#0C2222
  • editor.foreground#fff7ec
  • editor.inactiveSelectionBackground#A3EC793580
  • editor.lineHighlightBackground#1A231B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A3EC7935
  • editorCursor.foreground#E99567
  • editorGroupHeader.tabsBackground#0C2222dd
  • editorLineNumber.activeForeground#E99567
  • editorLineNumber.foreground#f7b73380
  • focusBorder#E99567
  • foreground#fff7ec
  • input.background#1A231B
  • input.border#ffffff15
  • input.foreground#fff7ec
  • input.placeholderForeground#fff7ec60
  • list.activeSelectionBackground#E9956730
  • list.activeSelectionForeground#fff7ec
  • list.highlightForeground#E99567
  • list.hoverBackground#1A231B40
  • list.hoverForeground#fff7ec
  • list.inactiveSelectionBackground#E9956715
  • list.inactiveSelectionForeground#fff7ec
  • selection.background#A3EC7935
  • sideBar.background#1A231B
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7ec
  • sideBarSectionHeader.background#0C222280
  • sideBarSectionHeader.foreground#fff7ec
  • sideBarTitle.foreground#E99567
  • statusBar.background#0C2222
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7ec
  • statusBar.noFolderBackground#0C2222
  • tab.activeBackground#0C2222
  • tab.activeBorderTop#E99567
  • tab.activeForeground#fff7ec
  • tab.border#ffffff15
  • tab.inactiveBackground#1A231B60
  • tab.inactiveForeground#fff7ec80
  • terminal.ansiBlack#0C2222
  • terminal.ansiBlue#A3EC79
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#E99567
  • terminal.ansiMagenta#83F1D8
  • terminal.ansiRed#83F1D8
  • terminal.ansiWhite#fff7ec
  • terminal.ansiYellow#E7B655
  • terminal.background#0C2222
  • terminal.foreground#fff7ec
  • titleBar.activeBackground#0C2222
  • titleBar.activeForeground#fff7ec
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0C2222
  • titleBar.inactiveForeground#fff7ec60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f7b733italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A3EC79bold
storage.type, storage.modifier#A3EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99567
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1D8
variable, variable.other.readwrite, variable.other.object#fff7ec
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7ec
variable.parameter, meta.parameter#fff7ecdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7ec80
keyword.operator#fff7ec
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#E99567
entity.name.tag, punctuation.definition.tag#A3EC79
entity.other.attribute-name#E99567
meta.diff, meta.diff.header#f7b733
markup.deleted#83F1D8
markup.inserted#E99567
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#E99567bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#E99567
markup.underline.link#f7b733underline
punctuation.definition.list#A3EC79
markup.quote, punctuation.definition.quote#f7b733italic