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#5E4F36
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C267
  • activityBar.inactiveForeground#fffaf060
  • activityBarBadge.background#E9C267
  • activityBarBadge.foreground#5E4F36
  • button.background#E9C267
  • button.foreground#5E4F36
  • button.hoverBackground#E9C267dd
  • editor.background#5E4F36
  • editor.foreground#fffaf0
  • editor.inactiveSelectionBackground#C6EC793580
  • editor.lineHighlightBackground#242E2540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C6EC7935
  • editorCursor.foreground#E9C267
  • editorGroupHeader.tabsBackground#5E4F36dd
  • editorLineNumber.activeForeground#E9C267
  • editorLineNumber.foreground#e6e1d380
  • focusBorder#E9C267
  • foreground#fffaf0
  • input.background#242E25
  • input.border#ffffff15
  • input.foreground#fffaf0
  • input.placeholderForeground#fffaf060
  • list.activeSelectionBackground#E9C26730
  • list.activeSelectionForeground#fffaf0
  • list.highlightForeground#E9C267
  • list.hoverBackground#242E2540
  • list.hoverForeground#fffaf0
  • list.inactiveSelectionBackground#E9C26715
  • list.inactiveSelectionForeground#fffaf0
  • selection.background#C6EC7935
  • sideBar.background#242E25
  • sideBar.border#ffffff15
  • sideBar.foreground#fffaf0
  • sideBarSectionHeader.background#5E4F3680
  • sideBarSectionHeader.foreground#fffaf0
  • sideBarTitle.foreground#E9C267
  • statusBar.background#5E4F36
  • statusBar.border#ffffff15
  • statusBar.foreground#fffaf0
  • statusBar.noFolderBackground#5E4F36
  • tab.activeBackground#5E4F36
  • tab.activeBorderTop#E9C267
  • tab.activeForeground#fffaf0
  • tab.border#ffffff15
  • tab.inactiveBackground#242E2560
  • tab.inactiveForeground#fffaf080
  • terminal.ansiBlack#5E4F36
  • terminal.ansiBlue#C6EC79
  • terminal.ansiCyan#55A5E7
  • terminal.ansiGreen#E9C267
  • terminal.ansiMagenta#F1D683
  • terminal.ansiRed#F1D683
  • terminal.ansiWhite#fffaf0
  • terminal.ansiYellow#55A5E7
  • terminal.background#5E4F36
  • terminal.foreground#fffaf0
  • titleBar.activeBackground#5E4F36
  • titleBar.activeForeground#fffaf0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5E4F36
  • titleBar.inactiveForeground#fffaf060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e1d3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C6EC79bold
storage.type, storage.modifier#C6EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C267
string, punctuation.definition.string, string.template, meta.template.expression#55A5E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D683
variable, variable.other.readwrite, variable.other.object#fffaf0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fffaf0
variable.parameter, meta.parameter#fffaf0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fffaf080
keyword.operator#fffaf0
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55A5E7bold
entity.other.inherited-class#E9C267
entity.name.tag, punctuation.definition.tag#C6EC79
entity.other.attribute-name#E9C267
meta.diff, meta.diff.header#e6e1d3
markup.deleted#F1D683
markup.inserted#E9C267
markup.changed#55A5E7
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C267bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55A5E7
string.other.link.title, string.other.link.description#E9C267
markup.underline.link#e6e1d3underline
punctuation.definition.list#C6EC79
markup.quote, punctuation.definition.quote#e6e1d3italic