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#251F18
  • activityBar.border#ffffff15
  • activityBar.foreground#E98167
  • activityBar.inactiveForeground#F7F0DD60
  • activityBarBadge.background#E98167
  • activityBarBadge.foreground#251F18
  • button.background#E98167
  • button.foreground#251F18
  • button.hoverBackground#E98167dd
  • editor.background#251F18
  • editor.foreground#F7F0DD
  • editor.inactiveSelectionBackground#EC85793580
  • editor.lineHighlightBackground#171F1440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC857935
  • editorCursor.foreground#E98167
  • editorGroupHeader.tabsBackground#251F18dd
  • editorLineNumber.activeForeground#E98167
  • editorLineNumber.foreground#CDBB9B80
  • focusBorder#E98167
  • foreground#F7F0DD
  • input.background#171F14
  • input.border#ffffff15
  • input.foreground#F7F0DD
  • input.placeholderForeground#F7F0DD60
  • list.activeSelectionBackground#E9816730
  • list.activeSelectionForeground#F7F0DD
  • list.highlightForeground#E98167
  • list.hoverBackground#171F1440
  • list.hoverForeground#F7F0DD
  • list.inactiveSelectionBackground#E9816715
  • list.inactiveSelectionForeground#F7F0DD
  • selection.background#EC857935
  • sideBar.background#171F14
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F0DD
  • sideBarSectionHeader.background#251F1880
  • sideBarSectionHeader.foreground#F7F0DD
  • sideBarTitle.foreground#E98167
  • statusBar.background#251F18
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F0DD
  • statusBar.noFolderBackground#251F18
  • tab.activeBackground#251F18
  • tab.activeBorderTop#E98167
  • tab.activeForeground#F7F0DD
  • tab.border#ffffff15
  • tab.inactiveBackground#171F1460
  • tab.inactiveForeground#F7F0DD80
  • terminal.ansiBlack#251F18
  • terminal.ansiBlue#EC8579
  • terminal.ansiCyan#A8E755
  • terminal.ansiGreen#E98167
  • terminal.ansiMagenta#83F192
  • terminal.ansiRed#83F192
  • terminal.ansiWhite#F7F0DD
  • terminal.ansiYellow#A8E755
  • terminal.background#251F18
  • terminal.foreground#F7F0DD
  • titleBar.activeBackground#251F18
  • titleBar.activeForeground#F7F0DD
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#251F18
  • titleBar.inactiveForeground#F7F0DD60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CDBB9Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC8579bold
storage.type, storage.modifier#EC8579italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98167
string, punctuation.definition.string, string.template, meta.template.expression#A8E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F192
variable, variable.other.readwrite, variable.other.object#F7F0DD
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F0DD
variable.parameter, meta.parameter#F7F0DDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F0DD80
keyword.operator#F7F0DD
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A8E755bold
entity.other.inherited-class#E98167
entity.name.tag, punctuation.definition.tag#EC8579
entity.other.attribute-name#E98167
meta.diff, meta.diff.header#CDBB9B
markup.deleted#83F192
markup.inserted#E98167
markup.changed#A8E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E98167bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A8E755
string.other.link.title, string.other.link.description#E98167
markup.underline.link#CDBB9Bunderline
punctuation.definition.list#EC8579
markup.quote, punctuation.definition.quote#CDBB9Bitalic