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#110E0E
  • activityBar.border#ffffff15
  • activityBar.foreground#E9678C
  • activityBar.inactiveForeground#fff7f260
  • activityBarBadge.background#E9678C
  • activityBarBadge.foreground#110E0E
  • button.background#E9678C
  • button.foreground#110E0E
  • button.hoverBackground#E9678Cdd
  • editor.background#110E0E
  • editor.foreground#fff7f2
  • editor.inactiveSelectionBackground#ECA7793580
  • editor.lineHighlightBackground#221D1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA77935
  • editorCursor.foreground#E9678C
  • editorGroupHeader.tabsBackground#110E0Edd
  • editorLineNumber.activeForeground#E9678C
  • editorLineNumber.foreground#d9e4df80
  • focusBorder#E9678C
  • foreground#fff7f2
  • input.background#221D1B
  • input.border#ffffff15
  • input.foreground#fff7f2
  • input.placeholderForeground#fff7f260
  • list.activeSelectionBackground#E9678C30
  • list.activeSelectionForeground#fff7f2
  • list.highlightForeground#E9678C
  • list.hoverBackground#221D1B40
  • list.hoverForeground#fff7f2
  • list.inactiveSelectionBackground#E9678C15
  • list.inactiveSelectionForeground#fff7f2
  • selection.background#ECA77935
  • sideBar.background#221D1B
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7f2
  • sideBarSectionHeader.background#110E0E80
  • sideBarSectionHeader.foreground#fff7f2
  • sideBarTitle.foreground#E9678C
  • statusBar.background#110E0E
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7f2
  • statusBar.noFolderBackground#110E0E
  • tab.activeBackground#110E0E
  • tab.activeBorderTop#E9678C
  • tab.activeForeground#fff7f2
  • tab.border#ffffff15
  • tab.inactiveBackground#221D1B60
  • tab.inactiveForeground#fff7f280
  • terminal.ansiBlack#110E0E
  • terminal.ansiBlue#ECA779
  • terminal.ansiCyan#55E7D3
  • terminal.ansiGreen#E9678C
  • terminal.ansiMagenta#F1839D
  • terminal.ansiRed#F1839D
  • terminal.ansiWhite#fff7f2
  • terminal.ansiYellow#55E7D3
  • terminal.background#110E0E
  • terminal.foreground#fff7f2
  • titleBar.activeBackground#110E0E
  • titleBar.activeForeground#fff7f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#110E0E
  • titleBar.inactiveForeground#fff7f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9e4dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECA779bold
storage.type, storage.modifier#ECA779italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9678C
string, punctuation.definition.string, string.template, meta.template.expression#55E7D3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1839D
variable, variable.other.readwrite, variable.other.object#fff7f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7f2
variable.parameter, meta.parameter#fff7f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7f280
keyword.operator#fff7f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E7D3bold
entity.other.inherited-class#E9678C
entity.name.tag, punctuation.definition.tag#ECA779
entity.other.attribute-name#E9678C
meta.diff, meta.diff.header#d9e4df
markup.deleted#F1839D
markup.inserted#E9678C
markup.changed#55E7D3
markup.heading, markup.heading.setext, punctuation.definition.heading#E9678Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E7D3
string.other.link.title, string.other.link.description#E9678C
markup.underline.link#d9e4dfunderline
punctuation.definition.list#ECA779
markup.quote, punctuation.definition.quote#d9e4dfitalic