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#3B2112
  • activityBar.border#ffffff15
  • activityBar.foreground#E99067
  • activityBar.inactiveForeground#F7F2E660
  • activityBarBadge.background#E99067
  • activityBarBadge.foreground#3B2112
  • button.background#E99067
  • button.foreground#3B2112
  • button.hoverBackground#E99067dd
  • editor.background#3B2112
  • editor.foreground#F7F2E6
  • editor.inactiveSelectionBackground#ECCB793580
  • editor.lineHighlightBackground#14160E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECCB7935
  • editorCursor.foreground#E99067
  • editorGroupHeader.tabsBackground#3B2112dd
  • editorLineNumber.activeForeground#E99067
  • editorLineNumber.foreground#8E836E80
  • focusBorder#E99067
  • foreground#F7F2E6
  • input.background#14160E
  • input.border#ffffff15
  • input.foreground#F7F2E6
  • input.placeholderForeground#F7F2E660
  • list.activeSelectionBackground#E9906730
  • list.activeSelectionForeground#F7F2E6
  • list.highlightForeground#E99067
  • list.hoverBackground#14160E40
  • list.hoverForeground#F7F2E6
  • list.inactiveSelectionBackground#E9906715
  • list.inactiveSelectionForeground#F7F2E6
  • selection.background#ECCB7935
  • sideBar.background#14160E
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F2E6
  • sideBarSectionHeader.background#3B211280
  • sideBarSectionHeader.foreground#F7F2E6
  • sideBarTitle.foreground#E99067
  • statusBar.background#3B2112
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F2E6
  • statusBar.noFolderBackground#3B2112
  • tab.activeBackground#3B2112
  • tab.activeBorderTop#E99067
  • tab.activeForeground#F7F2E6
  • tab.border#ffffff15
  • tab.inactiveBackground#14160E60
  • tab.inactiveForeground#F7F2E680
  • terminal.ansiBlack#3B2112
  • terminal.ansiBlue#ECCB79
  • terminal.ansiCyan#B9E755
  • terminal.ansiGreen#E99067
  • terminal.ansiMagenta#F1D883
  • terminal.ansiRed#F1D883
  • terminal.ansiWhite#F7F2E6
  • terminal.ansiYellow#B9E755
  • terminal.background#3B2112
  • terminal.foreground#F7F2E6
  • titleBar.activeBackground#3B2112
  • titleBar.activeForeground#F7F2E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3B2112
  • titleBar.inactiveForeground#F7F2E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8E836Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECCB79bold
storage.type, storage.modifier#ECCB79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99067
string, punctuation.definition.string, string.template, meta.template.expression#B9E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D883
variable, variable.other.readwrite, variable.other.object#F7F2E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2E6
variable.parameter, meta.parameter#F7F2E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2E680
keyword.operator#F7F2E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#B9E755bold
entity.other.inherited-class#E99067
entity.name.tag, punctuation.definition.tag#ECCB79
entity.other.attribute-name#E99067
meta.diff, meta.diff.header#8E836E
markup.deleted#F1D883
markup.inserted#E99067
markup.changed#B9E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#B9E755
string.other.link.title, string.other.link.description#E99067
markup.underline.link#8E836Eunderline
punctuation.definition.list#ECCB79
markup.quote, punctuation.definition.quote#8E836Eitalic