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#0D1D30
  • activityBar.border#ffffff15
  • activityBar.foreground#E96769
  • activityBar.inactiveForeground#fafbfc60
  • activityBarBadge.background#E96769
  • activityBarBadge.foreground#0D1D30
  • button.background#E96769
  • button.foreground#0D1D30
  • button.hoverBackground#E96769dd
  • editor.background#0D1D30
  • editor.foreground#fafbfc
  • editor.inactiveSelectionBackground#79B2EC3580
  • editor.lineHighlightBackground#05111E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B2EC35
  • editorCursor.foreground#E96769
  • editorGroupHeader.tabsBackground#0D1D30dd
  • editorLineNumber.activeForeground#E96769
  • editorLineNumber.foreground#e6eaee80
  • focusBorder#E96769
  • foreground#fafbfc
  • input.background#05111E
  • input.border#ffffff15
  • input.foreground#fafbfc
  • input.placeholderForeground#fafbfc60
  • list.activeSelectionBackground#E9676930
  • list.activeSelectionForeground#fafbfc
  • list.highlightForeground#E96769
  • list.hoverBackground#05111E40
  • list.hoverForeground#fafbfc
  • list.inactiveSelectionBackground#E9676915
  • list.inactiveSelectionForeground#fafbfc
  • selection.background#79B2EC35
  • sideBar.background#05111E
  • sideBar.border#ffffff15
  • sideBar.foreground#fafbfc
  • sideBarSectionHeader.background#0D1D3080
  • sideBarSectionHeader.foreground#fafbfc
  • sideBarTitle.foreground#E96769
  • statusBar.background#0D1D30
  • statusBar.border#ffffff15
  • statusBar.foreground#fafbfc
  • statusBar.noFolderBackground#0D1D30
  • tab.activeBackground#0D1D30
  • tab.activeBorderTop#E96769
  • tab.activeForeground#fafbfc
  • tab.border#ffffff15
  • tab.inactiveBackground#05111E60
  • tab.inactiveForeground#fafbfc80
  • terminal.ansiBlack#0D1D30
  • terminal.ansiBlue#79B2EC
  • terminal.ansiCyan#559EE7
  • terminal.ansiGreen#E96769
  • terminal.ansiMagenta#F18385
  • terminal.ansiRed#F18385
  • terminal.ansiWhite#fafbfc
  • terminal.ansiYellow#559EE7
  • terminal.background#0D1D30
  • terminal.foreground#fafbfc
  • titleBar.activeBackground#0D1D30
  • titleBar.activeForeground#fafbfc
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D1D30
  • titleBar.inactiveForeground#fafbfc60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6eaeeitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B2ECbold
storage.type, storage.modifier#79B2ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96769
string, punctuation.definition.string, string.template, meta.template.expression#559EE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18385
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#559EE7bold
entity.other.inherited-class#E96769
entity.name.tag, punctuation.definition.tag#79B2EC
entity.other.attribute-name#E96769
meta.diff, meta.diff.header#e6eaee
markup.deleted#F18385
markup.inserted#E96769
markup.changed#559EE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E96769bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#559EE7
string.other.link.title, string.other.link.description#E96769
markup.underline.link#e6eaeeunderline
punctuation.definition.list#79B2EC
markup.quote, punctuation.definition.quote#e6eaeeitalic