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#0E0A06
  • activityBar.border#ffffff15
  • activityBar.foreground#E97067
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#E97067
  • activityBarBadge.foreground#0E0A06
  • button.background#E97067
  • button.foreground#0E0A06
  • button.hoverBackground#E97067dd
  • editor.background#0E0A06
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#ECA7793580
  • editor.lineHighlightBackground#2B1F1740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECA77935
  • editorCursor.foreground#E97067
  • editorGroupHeader.tabsBackground#0E0A06dd
  • editorLineNumber.activeForeground#E97067
  • editorLineNumber.foreground#E4553F80
  • focusBorder#E97067
  • foreground#F7F1E6
  • input.background#2B1F17
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#E9706730
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#E97067
  • list.hoverBackground#2B1F1740
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#E9706715
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#ECA77935
  • sideBar.background#2B1F17
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#0E0A0680
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#E97067
  • statusBar.background#0E0A06
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#0E0A06
  • tab.activeBackground#0E0A06
  • tab.activeBorderTop#E97067
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#2B1F1760
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#0E0A06
  • terminal.ansiBlue#ECA779
  • terminal.ansiCyan#E7C255
  • terminal.ansiGreen#E97067
  • terminal.ansiMagenta#F1A483
  • terminal.ansiRed#F1A483
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#E7C255
  • terminal.background#0E0A06
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#0E0A06
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E0A06
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E4553Fitalic
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#E97067
string, punctuation.definition.string, string.template, meta.template.expression#E7C255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A483
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C255bold
entity.other.inherited-class#E97067
entity.name.tag, punctuation.definition.tag#ECA779
entity.other.attribute-name#E97067
meta.diff, meta.diff.header#E4553F
markup.deleted#F1A483
markup.inserted#E97067
markup.changed#E7C255
markup.heading, markup.heading.setext, punctuation.definition.heading#E97067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C255
string.other.link.title, string.other.link.description#E97067
markup.underline.link#E4553Funderline
punctuation.definition.list#ECA779
markup.quote, punctuation.definition.quote#E4553Fitalic