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#6f5842
  • activityBar.border#ffffff15
  • activityBar.foreground#5f8f86
  • activityBar.inactiveForeground#fbf4e660
  • activityBarBadge.background#5f8f86
  • activityBarBadge.foreground#6f5842
  • button.background#5f8f86
  • button.foreground#6f5842
  • button.hoverBackground#5f8f86dd
  • editor.background#6f5842
  • editor.foreground#fbf4e6
  • editor.inactiveSelectionBackground#efe1c73580
  • editor.lineHighlightBackground#26343140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#efe1c735
  • editorCursor.foreground#5f8f86
  • editorGroupHeader.tabsBackground#6f5842dd
  • editorLineNumber.activeForeground#5f8f86
  • editorLineNumber.foreground#8a785f80
  • focusBorder#5f8f86
  • foreground#fbf4e6
  • input.background#263431
  • input.border#ffffff15
  • input.foreground#fbf4e6
  • input.placeholderForeground#fbf4e660
  • list.activeSelectionBackground#5f8f8630
  • list.activeSelectionForeground#fbf4e6
  • list.highlightForeground#5f8f86
  • list.hoverBackground#26343140
  • list.hoverForeground#fbf4e6
  • list.inactiveSelectionBackground#5f8f8615
  • list.inactiveSelectionForeground#fbf4e6
  • selection.background#efe1c735
  • sideBar.background#263431
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf4e6
  • sideBarSectionHeader.background#6f584280
  • sideBarSectionHeader.foreground#fbf4e6
  • sideBarTitle.foreground#5f8f86
  • statusBar.background#6f5842
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf4e6
  • statusBar.noFolderBackground#6f5842
  • tab.activeBackground#6f5842
  • tab.activeBorderTop#5f8f86
  • tab.activeForeground#fbf4e6
  • tab.border#ffffff15
  • tab.inactiveBackground#26343160
  • tab.inactiveForeground#fbf4e680
  • terminal.ansiBlack#6f5842
  • terminal.ansiBlue#efe1c7
  • terminal.ansiCyan#d9bd83
  • terminal.ansiGreen#5f8f86
  • terminal.ansiMagenta#c8aa7f
  • terminal.ansiRed#c8aa7f
  • terminal.ansiWhite#fbf4e6
  • terminal.ansiYellow#d9bd83
  • terminal.background#6f5842
  • terminal.foreground#fbf4e6
  • titleBar.activeBackground#6f5842
  • titleBar.activeForeground#fbf4e6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#6f5842
  • titleBar.inactiveForeground#fbf4e660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a785fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#efe1c7bold
storage.type, storage.modifier#efe1c7italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5f8f86
string, punctuation.definition.string, string.template, meta.template.expression#d9bd83
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c8aa7f
variable, variable.other.readwrite, variable.other.object#fbf4e6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf4e6
variable.parameter, meta.parameter#fbf4e6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf4e680
keyword.operator#fbf4e6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d9bd83bold
entity.other.inherited-class#5f8f86
entity.name.tag, punctuation.definition.tag#efe1c7
entity.other.attribute-name#5f8f86
meta.diff, meta.diff.header#8a785f
markup.deleted#c8aa7f
markup.inserted#5f8f86
markup.changed#d9bd83
markup.heading, markup.heading.setext, punctuation.definition.heading#5f8f86bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d9bd83
string.other.link.title, string.other.link.description#5f8f86
markup.underline.link#8a785funderline
punctuation.definition.list#efe1c7
markup.quote, punctuation.definition.quote#8a785fitalic