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#4a3325
  • activityBar.border#ffffff15
  • activityBar.foreground#d62521
  • activityBar.inactiveForeground#fff8eb60
  • activityBarBadge.background#d62521
  • activityBarBadge.foreground#4a3325
  • button.background#d62521
  • button.foreground#4a3325
  • button.hoverBackground#d62521dd
  • editor.background#4a3325
  • editor.foreground#fff8eb
  • editor.inactiveSelectionBackground#4f643e3580
  • editor.lineHighlightBackground#0d0c0b40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4f643e35
  • editorCursor.foreground#d62521
  • editorGroupHeader.tabsBackground#4a3325dd
  • editorLineNumber.activeForeground#d62521
  • editorLineNumber.foreground#cdb78980
  • focusBorder#d62521
  • foreground#fff8eb
  • input.background#0d0c0b
  • input.border#ffffff15
  • input.foreground#fff8eb
  • input.placeholderForeground#fff8eb60
  • list.activeSelectionBackground#d6252130
  • list.activeSelectionForeground#fff8eb
  • list.highlightForeground#d62521
  • list.hoverBackground#0d0c0b40
  • list.hoverForeground#fff8eb
  • list.inactiveSelectionBackground#d6252115
  • list.inactiveSelectionForeground#fff8eb
  • selection.background#4f643e35
  • sideBar.background#0d0c0b
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8eb
  • sideBarSectionHeader.background#4a332580
  • sideBarSectionHeader.foreground#fff8eb
  • sideBarTitle.foreground#d62521
  • statusBar.background#4a3325
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8eb
  • statusBar.noFolderBackground#4a3325
  • tab.activeBackground#4a3325
  • tab.activeBorderTop#d62521
  • tab.activeForeground#fff8eb
  • tab.border#ffffff15
  • tab.inactiveBackground#0d0c0b60
  • tab.inactiveForeground#fff8eb80
  • terminal.ansiBlack#4a3325
  • terminal.ansiBlue#4f643e
  • terminal.ansiCyan#f5d24b
  • terminal.ansiGreen#d62521
  • terminal.ansiMagenta#f8ecd5
  • terminal.ansiRed#f8ecd5
  • terminal.ansiWhite#fff8eb
  • terminal.ansiYellow#f5d24b
  • terminal.background#4a3325
  • terminal.foreground#fff8eb
  • titleBar.activeBackground#4a3325
  • titleBar.activeForeground#fff8eb
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4a3325
  • titleBar.inactiveForeground#fff8eb60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#cdb789italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4f643ebold
storage.type, storage.modifier#4f643eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#d62521
string, punctuation.definition.string, string.template, meta.template.expression#f5d24b
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#f8ecd5
variable, variable.other.readwrite, variable.other.object#fff8eb
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8eb
variable.parameter, meta.parameter#fff8ebdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8eb80
keyword.operator#fff8eb
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#f5d24bbold
entity.other.inherited-class#d62521
entity.name.tag, punctuation.definition.tag#4f643e
entity.other.attribute-name#d62521
meta.diff, meta.diff.header#cdb789
markup.deleted#f8ecd5
markup.inserted#d62521
markup.changed#f5d24b
markup.heading, markup.heading.setext, punctuation.definition.heading#d62521bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#f5d24b
string.other.link.title, string.other.link.description#d62521
markup.underline.link#cdb789underline
punctuation.definition.list#4f643e
markup.quote, punctuation.definition.quote#cdb789italic