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#EDE0CF
  • activityBar.border#ffffff15
  • activityBar.foreground#E99967
  • activityBar.inactiveForeground#FFF7EC60
  • activityBarBadge.background#E99967
  • activityBarBadge.foreground#EDE0CF
  • button.background#E99967
  • button.foreground#EDE0CF
  • button.hoverBackground#E99967dd
  • editor.background#EDE0CF
  • editor.foreground#FFF7EC
  • editor.inactiveSelectionBackground#87EC793580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#87EC7935
  • editorCursor.foreground#E99967
  • editorGroupHeader.tabsBackground#EDE0CFdd
  • editorLineNumber.activeForeground#E99967
  • editorLineNumber.foreground#A69A8F80
  • focusBorder#E99967
  • foreground#FFF7EC
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#FFF7EC
  • input.placeholderForeground#FFF7EC60
  • list.activeSelectionBackground#E9996730
  • list.activeSelectionForeground#FFF7EC
  • list.highlightForeground#E99967
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#FFF7EC
  • list.inactiveSelectionBackground#E9996715
  • list.inactiveSelectionForeground#FFF7EC
  • selection.background#87EC7935
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7EC
  • sideBarSectionHeader.background#EDE0CF80
  • sideBarSectionHeader.foreground#FFF7EC
  • sideBarTitle.foreground#E99967
  • statusBar.background#EDE0CF
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7EC
  • statusBar.noFolderBackground#EDE0CF
  • tab.activeBackground#EDE0CF
  • tab.activeBorderTop#E99967
  • tab.activeForeground#FFF7EC
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#FFF7EC80
  • terminal.ansiBlack#EDE0CF
  • terminal.ansiBlue#87EC79
  • terminal.ansiCyan#E79755
  • terminal.ansiGreen#E99967
  • terminal.ansiMagenta#F18383
  • terminal.ansiRed#F18383
  • terminal.ansiWhite#FFF7EC
  • terminal.ansiYellow#E79755
  • terminal.background#EDE0CF
  • terminal.foreground#FFF7EC
  • titleBar.activeBackground#EDE0CF
  • titleBar.activeForeground#FFF7EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#EDE0CF
  • titleBar.inactiveForeground#FFF7EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A69A8Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#87EC79bold
storage.type, storage.modifier#87EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99967
string, punctuation.definition.string, string.template, meta.template.expression#E79755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F18383
variable, variable.other.readwrite, variable.other.object#FFF7EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7EC
variable.parameter, meta.parameter#FFF7ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7EC80
keyword.operator#FFF7EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E79755bold
entity.other.inherited-class#E99967
entity.name.tag, punctuation.definition.tag#87EC79
entity.other.attribute-name#E99967
meta.diff, meta.diff.header#A69A8F
markup.deleted#F18383
markup.inserted#E99967
markup.changed#E79755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E79755
string.other.link.title, string.other.link.description#E99967
markup.underline.link#A69A8Funderline
punctuation.definition.list#87EC79
markup.quote, punctuation.definition.quote#A69A8Fitalic