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#F4EFE7
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#F7F4EE60
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#F4EFE7
  • button.background#E9A067
  • button.foreground#F4EFE7
  • button.hoverBackground#E9A067dd
  • editor.background#F4EFE7
  • editor.foreground#F7F4EE
  • editor.inactiveSelectionBackground#B4EC793580
  • editor.lineHighlightBackground#1E1A1540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#B4EC7935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#F4EFE7dd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#A39E9680
  • focusBorder#E9A067
  • foreground#F7F4EE
  • input.background#1E1A15
  • input.border#ffffff15
  • input.foreground#F7F4EE
  • input.placeholderForeground#F7F4EE60
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#F7F4EE
  • list.highlightForeground#E9A067
  • list.hoverBackground#1E1A1540
  • list.hoverForeground#F7F4EE
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#F7F4EE
  • selection.background#B4EC7935
  • sideBar.background#1E1A15
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F4EE
  • sideBarSectionHeader.background#F4EFE780
  • sideBarSectionHeader.foreground#F7F4EE
  • sideBarTitle.foreground#E9A067
  • statusBar.background#F4EFE7
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F4EE
  • statusBar.noFolderBackground#F4EFE7
  • tab.activeBackground#F4EFE7
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#F7F4EE
  • tab.border#ffffff15
  • tab.inactiveBackground#1E1A1560
  • tab.inactiveForeground#F7F4EE80
  • terminal.ansiBlack#F4EFE7
  • terminal.ansiBlue#B4EC79
  • terminal.ansiCyan#CCE755
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#F1B383
  • terminal.ansiRed#F1B383
  • terminal.ansiWhite#F7F4EE
  • terminal.ansiYellow#CCE755
  • terminal.background#F4EFE7
  • terminal.foreground#F7F4EE
  • titleBar.activeBackground#F4EFE7
  • titleBar.activeForeground#F7F4EE
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#F4EFE7
  • titleBar.inactiveForeground#F7F4EE60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A39E96italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#B4EC79bold
storage.type, storage.modifier#B4EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#CCE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B383
variable, variable.other.readwrite, variable.other.object#F7F4EE
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F4EE
variable.parameter, meta.parameter#F7F4EEdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F4EE80
keyword.operator#F7F4EE
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#CCE755bold
entity.other.inherited-class#E9A067
entity.name.tag, punctuation.definition.tag#B4EC79
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#A39E96
markup.deleted#F1B383
markup.inserted#E9A067
markup.changed#CCE755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#CCE755
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#A39E96underline
punctuation.definition.list#B4EC79
markup.quote, punctuation.definition.quote#A39E96italic