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#0D261C
  • activityBar.border#ffffff15
  • activityBar.foreground#E96C67
  • activityBar.inactiveForeground#F7FAF660
  • activityBarBadge.background#E96C67
  • activityBarBadge.foreground#0D261C
  • button.background#E96C67
  • button.foreground#0D261C
  • button.hoverBackground#E96C67dd
  • editor.background#0D261C
  • editor.foreground#F7FAF6
  • editor.inactiveSelectionBackground#ECD3793580
  • editor.lineHighlightBackground#0D261C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECD37935
  • editorCursor.foreground#E96C67
  • editorGroupHeader.tabsBackground#0D261Cdd
  • editorLineNumber.activeForeground#E96C67
  • editorLineNumber.foreground#E6EBE280
  • focusBorder#E96C67
  • foreground#F7FAF6
  • input.background#0D261C
  • input.border#ffffff15
  • input.foreground#F7FAF6
  • input.placeholderForeground#F7FAF660
  • list.activeSelectionBackground#E96C6730
  • list.activeSelectionForeground#F7FAF6
  • list.highlightForeground#E96C67
  • list.hoverBackground#0D261C40
  • list.hoverForeground#F7FAF6
  • list.inactiveSelectionBackground#E96C6715
  • list.inactiveSelectionForeground#F7FAF6
  • selection.background#ECD37935
  • sideBar.background#0D261C
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF6
  • sideBarSectionHeader.background#0D261C80
  • sideBarSectionHeader.foreground#F7FAF6
  • sideBarTitle.foreground#E96C67
  • statusBar.background#0D261C
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF6
  • statusBar.noFolderBackground#0D261C
  • tab.activeBackground#0D261C
  • tab.activeBorderTop#E96C67
  • tab.activeForeground#F7FAF6
  • tab.border#ffffff15
  • tab.inactiveBackground#0D261C60
  • tab.inactiveForeground#F7FAF680
  • terminal.ansiBlack#0D261C
  • terminal.ansiBlue#ECD379
  • terminal.ansiCyan#558DE7
  • terminal.ansiGreen#E96C67
  • terminal.ansiMagenta#83F1B5
  • terminal.ansiRed#83F1B5
  • terminal.ansiWhite#F7FAF6
  • terminal.ansiYellow#558DE7
  • terminal.background#0D261C
  • terminal.foreground#F7FAF6
  • titleBar.activeBackground#0D261C
  • titleBar.activeForeground#F7FAF6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0D261C
  • titleBar.inactiveForeground#F7FAF660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6EBE2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECD379bold
storage.type, storage.modifier#ECD379italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96C67
string, punctuation.definition.string, string.template, meta.template.expression#558DE7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1B5
variable, variable.other.readwrite, variable.other.object#F7FAF6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF6
variable.parameter, meta.parameter#F7FAF6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF680
keyword.operator#F7FAF6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#558DE7bold
entity.other.inherited-class#E96C67
entity.name.tag, punctuation.definition.tag#ECD379
entity.other.attribute-name#E96C67
meta.diff, meta.diff.header#E6EBE2
markup.deleted#83F1B5
markup.inserted#E96C67
markup.changed#558DE7
markup.heading, markup.heading.setext, punctuation.definition.heading#E96C67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#558DE7
string.other.link.title, string.other.link.description#E96C67
markup.underline.link#E6EBE2underline
punctuation.definition.list#ECD379
markup.quote, punctuation.definition.quote#E6EBE2italic