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#5B5243
  • activityBar.border#ffffff15
  • activityBar.foreground#67E1E9
  • activityBar.inactiveForeground#faf7f260
  • activityBarBadge.background#67E1E9
  • activityBarBadge.foreground#5B5243
  • button.background#67E1E9
  • button.foreground#5B5243
  • button.hoverBackground#67E1E9dd
  • editor.background#5B5243
  • editor.foreground#faf7f2
  • editor.inactiveSelectionBackground#ECC8793580
  • editor.lineHighlightBackground#083F4440
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC87935
  • editorCursor.foreground#67E1E9
  • editorGroupHeader.tabsBackground#5B5243dd
  • editorLineNumber.activeForeground#67E1E9
  • editorLineNumber.foreground#dcead880
  • focusBorder#67E1E9
  • foreground#faf7f2
  • input.background#083F44
  • input.border#ffffff15
  • input.foreground#faf7f2
  • input.placeholderForeground#faf7f260
  • list.activeSelectionBackground#67E1E930
  • list.activeSelectionForeground#faf7f2
  • list.highlightForeground#67E1E9
  • list.hoverBackground#083F4440
  • list.hoverForeground#faf7f2
  • list.inactiveSelectionBackground#67E1E915
  • list.inactiveSelectionForeground#faf7f2
  • selection.background#ECC87935
  • sideBar.background#083F44
  • sideBar.border#ffffff15
  • sideBar.foreground#faf7f2
  • sideBarSectionHeader.background#5B524380
  • sideBarSectionHeader.foreground#faf7f2
  • sideBarTitle.foreground#67E1E9
  • statusBar.background#5B5243
  • statusBar.border#ffffff15
  • statusBar.foreground#faf7f2
  • statusBar.noFolderBackground#5B5243
  • tab.activeBackground#5B5243
  • tab.activeBorderTop#67E1E9
  • tab.activeForeground#faf7f2
  • tab.border#ffffff15
  • tab.inactiveBackground#083F4460
  • tab.inactiveForeground#faf7f280
  • terminal.ansiBlack#5B5243
  • terminal.ansiBlue#ECC879
  • terminal.ansiCyan#9EE755
  • terminal.ansiGreen#67E1E9
  • terminal.ansiMagenta#F1D283
  • terminal.ansiRed#F1D283
  • terminal.ansiWhite#faf7f2
  • terminal.ansiYellow#9EE755
  • terminal.background#5B5243
  • terminal.foreground#faf7f2
  • titleBar.activeBackground#5B5243
  • titleBar.activeForeground#faf7f2
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5B5243
  • titleBar.inactiveForeground#faf7f260
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dcead8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC879bold
storage.type, storage.modifier#ECC879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E1E9
string, punctuation.definition.string, string.template, meta.template.expression#9EE755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D283
variable, variable.other.readwrite, variable.other.object#faf7f2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#faf7f2
variable.parameter, meta.parameter#faf7f2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#faf7f280
keyword.operator#faf7f2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9EE755bold
entity.other.inherited-class#67E1E9
entity.name.tag, punctuation.definition.tag#ECC879
entity.other.attribute-name#67E1E9
meta.diff, meta.diff.header#dcead8
markup.deleted#F1D283
markup.inserted#67E1E9
markup.changed#9EE755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E1E9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9EE755
string.other.link.title, string.other.link.description#67E1E9
markup.underline.link#dcead8underline
punctuation.definition.list#ECC879
markup.quote, punctuation.definition.quote#dcead8italic