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#1D1712
  • activityBar.border#ffffff15
  • activityBar.foreground#6B4E3D
  • activityBar.inactiveForeground#F7F0E360
  • activityBarBadge.background#6B4E3D
  • activityBarBadge.foreground#1D1712
  • button.background#6B4E3D
  • button.foreground#1D1712
  • button.hoverBackground#6B4E3Ddd
  • editor.background#1D1712
  • editor.foreground#F7F0E3
  • editor.inactiveSelectionBackground#51392C3580
  • editor.lineHighlightBackground#3A2A2040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#51392C35
  • editorCursor.foreground#6B4E3D
  • editorGroupHeader.tabsBackground#1D1712dd
  • editorLineNumber.activeForeground#6B4E3D
  • editorLineNumber.foreground#E7D2B480
  • focusBorder#6B4E3D
  • foreground#F7F0E3
  • input.background#3A2A20
  • input.border#ffffff15
  • input.foreground#F7F0E3
  • input.placeholderForeground#F7F0E360
  • list.activeSelectionBackground#6B4E3D30
  • list.activeSelectionForeground#F7F0E3
  • list.highlightForeground#6B4E3D
  • list.hoverBackground#3A2A2040
  • list.hoverForeground#F7F0E3
  • list.inactiveSelectionBackground#6B4E3D15
  • list.inactiveSelectionForeground#F7F0E3
  • selection.background#51392C35
  • sideBar.background#3A2A20
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F0E3
  • sideBarSectionHeader.background#1D171280
  • sideBarSectionHeader.foreground#F7F0E3
  • sideBarTitle.foreground#6B4E3D
  • statusBar.background#1D1712
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F0E3
  • statusBar.noFolderBackground#1D1712
  • tab.activeBackground#1D1712
  • tab.activeBorderTop#6B4E3D
  • tab.activeForeground#F7F0E3
  • tab.border#ffffff15
  • tab.inactiveBackground#3A2A2060
  • tab.inactiveForeground#F7F0E380
  • terminal.ansiBlack#1D1712
  • terminal.ansiBlue#51392C
  • terminal.ansiCyan#4A7DA3
  • terminal.ansiGreen#6B4E3D
  • terminal.ansiMagenta#6A7F4E
  • terminal.ansiRed#6A7F4E
  • terminal.ansiWhite#F7F0E3
  • terminal.ansiYellow#4A7DA3
  • terminal.background#1D1712
  • terminal.foreground#F7F0E3
  • titleBar.activeBackground#1D1712
  • titleBar.activeForeground#F7F0E3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1D1712
  • titleBar.inactiveForeground#F7F0E360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7D2B4italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#51392Cbold
storage.type, storage.modifier#51392Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6B4E3D
string, punctuation.definition.string, string.template, meta.template.expression#4A7DA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6A7F4E
variable, variable.other.readwrite, variable.other.object#F7F0E3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F0E3
variable.parameter, meta.parameter#F7F0E3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F0E380
keyword.operator#F7F0E3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#4A7DA3bold
entity.other.inherited-class#6B4E3D
entity.name.tag, punctuation.definition.tag#51392C
entity.other.attribute-name#6B4E3D
meta.diff, meta.diff.header#E7D2B4
markup.deleted#6A7F4E
markup.inserted#6B4E3D
markup.changed#4A7DA3
markup.heading, markup.heading.setext, punctuation.definition.heading#6B4E3Dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#4A7DA3
string.other.link.title, string.other.link.description#6B4E3D
markup.underline.link#E7D2B4underline
punctuation.definition.list#51392C
markup.quote, punctuation.definition.quote#E7D2B4italic