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#3F3931
  • activityBar.border#ffffff15
  • activityBar.foreground#E97467
  • activityBar.inactiveForeground#F0EFE960
  • activityBarBadge.background#E97467
  • activityBarBadge.foreground#3F3931
  • button.background#E97467
  • button.foreground#3F3931
  • button.hoverBackground#E97467dd
  • editor.background#3F3931
  • editor.foreground#F0EFE9
  • editor.inactiveSelectionBackground#8AEC793580
  • editor.lineHighlightBackground#0A0A0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8AEC7935
  • editorCursor.foreground#E97467
  • editorGroupHeader.tabsBackground#3F3931dd
  • editorLineNumber.activeForeground#E97467
  • editorLineNumber.foreground#6C6F6080
  • focusBorder#E97467
  • foreground#F0EFE9
  • input.background#0A0A0A
  • input.border#ffffff15
  • input.foreground#F0EFE9
  • input.placeholderForeground#F0EFE960
  • list.activeSelectionBackground#E9746730
  • list.activeSelectionForeground#F0EFE9
  • list.highlightForeground#E97467
  • list.hoverBackground#0A0A0A40
  • list.hoverForeground#F0EFE9
  • list.inactiveSelectionBackground#E9746715
  • list.inactiveSelectionForeground#F0EFE9
  • selection.background#8AEC7935
  • sideBar.background#0A0A0A
  • sideBar.border#ffffff15
  • sideBar.foreground#F0EFE9
  • sideBarSectionHeader.background#3F393180
  • sideBarSectionHeader.foreground#F0EFE9
  • sideBarTitle.foreground#E97467
  • statusBar.background#3F3931
  • statusBar.border#ffffff15
  • statusBar.foreground#F0EFE9
  • statusBar.noFolderBackground#3F3931
  • tab.activeBackground#3F3931
  • tab.activeBorderTop#E97467
  • tab.activeForeground#F0EFE9
  • tab.border#ffffff15
  • tab.inactiveBackground#0A0A0A60
  • tab.inactiveForeground#F0EFE980
  • terminal.ansiBlack#3F3931
  • terminal.ansiBlue#8AEC79
  • terminal.ansiCyan#64E755
  • terminal.ansiGreen#E97467
  • terminal.ansiMagenta#F1B683
  • terminal.ansiRed#F1B683
  • terminal.ansiWhite#F0EFE9
  • terminal.ansiYellow#64E755
  • terminal.background#3F3931
  • terminal.foreground#F0EFE9
  • titleBar.activeBackground#3F3931
  • titleBar.activeForeground#F0EFE9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3F3931
  • titleBar.inactiveForeground#F0EFE960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6C6F60italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8AEC79bold
storage.type, storage.modifier#8AEC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E97467
string, punctuation.definition.string, string.template, meta.template.expression#64E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B683
variable, variable.other.readwrite, variable.other.object#F0EFE9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F0EFE9
variable.parameter, meta.parameter#F0EFE9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F0EFE980
keyword.operator#F0EFE9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#64E755bold
entity.other.inherited-class#E97467
entity.name.tag, punctuation.definition.tag#8AEC79
entity.other.attribute-name#E97467
meta.diff, meta.diff.header#6C6F60
markup.deleted#F1B683
markup.inserted#E97467
markup.changed#64E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E97467bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#64E755
string.other.link.title, string.other.link.description#E97467
markup.underline.link#6C6F60underline
punctuation.definition.list#8AEC79
markup.quote, punctuation.definition.quote#6C6F60italic