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#160C0F
  • activityBar.border#ffffff15
  • activityBar.foreground#8A0E2A
  • activityBar.inactiveForeground#FFF8F960
  • activityBarBadge.background#8A0E2A
  • activityBarBadge.foreground#160C0F
  • button.background#8A0E2A
  • button.foreground#160C0F
  • button.hoverBackground#8A0E2Add
  • editor.background#160C0F
  • editor.foreground#FFF8F9
  • editor.inactiveSelectionBackground#E850683580
  • editor.lineHighlightBackground#29141840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E8506835
  • editorCursor.foreground#8A0E2A
  • editorGroupHeader.tabsBackground#160C0Fdd
  • editorLineNumber.activeForeground#8A0E2A
  • editorLineNumber.foreground#F6E0E080
  • focusBorder#8A0E2A
  • foreground#FFF8F9
  • input.background#291418
  • input.border#ffffff15
  • input.foreground#FFF8F9
  • input.placeholderForeground#FFF8F960
  • list.activeSelectionBackground#8A0E2A30
  • list.activeSelectionForeground#FFF8F9
  • list.highlightForeground#8A0E2A
  • list.hoverBackground#29141840
  • list.hoverForeground#FFF8F9
  • list.inactiveSelectionBackground#8A0E2A15
  • list.inactiveSelectionForeground#FFF8F9
  • selection.background#E8506835
  • sideBar.background#291418
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF8F9
  • sideBarSectionHeader.background#160C0F80
  • sideBarSectionHeader.foreground#FFF8F9
  • sideBarTitle.foreground#8A0E2A
  • statusBar.background#160C0F
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF8F9
  • statusBar.noFolderBackground#160C0F
  • tab.activeBackground#160C0F
  • tab.activeBorderTop#8A0E2A
  • tab.activeForeground#FFF8F9
  • tab.border#ffffff15
  • tab.inactiveBackground#29141860
  • tab.inactiveForeground#FFF8F980
  • terminal.ansiBlack#160C0F
  • terminal.ansiBlue#E85068
  • terminal.ansiCyan#0E888F
  • terminal.ansiGreen#8A0E2A
  • terminal.ansiMagenta#C45A17
  • terminal.ansiRed#C45A17
  • terminal.ansiWhite#FFF8F9
  • terminal.ansiYellow#0E888F
  • terminal.background#160C0F
  • terminal.foreground#FFF8F9
  • titleBar.activeBackground#160C0F
  • titleBar.activeForeground#FFF8F9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#160C0F
  • titleBar.inactiveForeground#FFF8F960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F6E0E0italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E85068bold
storage.type, storage.modifier#E85068italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8A0E2A
string, punctuation.definition.string, string.template, meta.template.expression#0E888F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C45A17
variable, variable.other.readwrite, variable.other.object#FFF8F9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF8F9
variable.parameter, meta.parameter#FFF8F9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF8F980
keyword.operator#FFF8F9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0E888Fbold
entity.other.inherited-class#8A0E2A
entity.name.tag, punctuation.definition.tag#E85068
entity.other.attribute-name#8A0E2A
meta.diff, meta.diff.header#F6E0E0
markup.deleted#C45A17
markup.inserted#8A0E2A
markup.changed#0E888F
markup.heading, markup.heading.setext, punctuation.definition.heading#8A0E2Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0E888F
string.other.link.title, string.other.link.description#8A0E2A
markup.underline.link#F6E0E0underline
punctuation.definition.list#E85068
markup.quote, punctuation.definition.quote#F6E0E0italic