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#070C17
  • activityBar.border#ffffff15
  • activityBar.foreground#E96774
  • activityBar.inactiveForeground#F7F4F060
  • activityBarBadge.background#E96774
  • activityBarBadge.foreground#070C17
  • button.background#E96774
  • button.foreground#070C17
  • button.hoverBackground#E96774dd
  • editor.background#070C17
  • editor.foreground#F7F4F0
  • editor.inactiveSelectionBackground#EC798C3580
  • editor.lineHighlightBackground#0D112640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC798C35
  • editorCursor.foreground#E96774
  • editorGroupHeader.tabsBackground#070C17dd
  • editorLineNumber.activeForeground#E96774
  • editorLineNumber.foreground#DCE4EA80
  • focusBorder#E96774
  • foreground#F7F4F0
  • input.background#0D1126
  • input.border#ffffff15
  • input.foreground#F7F4F0
  • input.placeholderForeground#F7F4F060
  • list.activeSelectionBackground#E9677430
  • list.activeSelectionForeground#F7F4F0
  • list.highlightForeground#E96774
  • list.hoverBackground#0D112640
  • list.hoverForeground#F7F4F0
  • list.inactiveSelectionBackground#E9677415
  • list.inactiveSelectionForeground#F7F4F0
  • selection.background#EC798C35
  • sideBar.background#0D1126
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4F0
  • sideBarSectionHeader.background#070C1780
  • sideBarSectionHeader.foreground#F7F4F0
  • sideBarTitle.foreground#E96774
  • statusBar.background#070C17
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4F0
  • statusBar.noFolderBackground#070C17
  • tab.activeBackground#070C17
  • tab.activeBorderTop#E96774
  • tab.activeForeground#F7F4F0
  • tab.border#ffffff15
  • tab.inactiveBackground#0D112660
  • tab.inactiveForeground#F7F4F080
  • terminal.ansiBlack#070C17
  • terminal.ansiBlue#EC798C
  • terminal.ansiCyan#55D3E7
  • terminal.ansiGreen#E96774
  • terminal.ansiMagenta#F18390
  • terminal.ansiRed#F18390
  • terminal.ansiWhite#F7F4F0
  • terminal.ansiYellow#55D3E7
  • terminal.background#070C17
  • terminal.foreground#F7F4F0
  • titleBar.activeBackground#070C17
  • titleBar.activeForeground#F7F4F0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#070C17
  • titleBar.inactiveForeground#F7F4F060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DCE4EAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC798Cbold
storage.type, storage.modifier#EC798Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96774
string, punctuation.definition.string, string.template, meta.template.expression#55D3E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18390
variable, variable.other.readwrite, variable.other.object#F7F4F0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4F0
variable.parameter, meta.parameter#F7F4F0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4F080
keyword.operator#F7F4F0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55D3E7bold
entity.other.inherited-class#E96774
entity.name.tag, punctuation.definition.tag#EC798C
entity.other.attribute-name#E96774
meta.diff, meta.diff.header#DCE4EA
markup.deleted#F18390
markup.inserted#E96774
markup.changed#55D3E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E96774bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55D3E7
string.other.link.title, string.other.link.description#E96774
markup.underline.link#DCE4EAunderline
punctuation.definition.list#EC798C
markup.quote, punctuation.definition.quote#DCE4EAitalic