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#5D4532
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9C9
  • activityBar.inactiveForeground#D7EBDD60
  • activityBarBadge.background#67E9C9
  • activityBarBadge.foreground#5D4532
  • button.background#67E9C9
  • button.foreground#5D4532
  • button.hoverBackground#67E9C9dd
  • editor.background#5D4532
  • editor.foreground#D7EBDD
  • editor.inactiveSelectionBackground#79ECC23580
  • editor.lineHighlightBackground#070D0A40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ECC235
  • editorCursor.foreground#67E9C9
  • editorGroupHeader.tabsBackground#5D4532dd
  • editorLineNumber.activeForeground#67E9C9
  • editorLineNumber.foreground#2E3A2F80
  • focusBorder#67E9C9
  • foreground#D7EBDD
  • input.background#070D0A
  • input.border#ffffff15
  • input.foreground#D7EBDD
  • input.placeholderForeground#D7EBDD60
  • list.activeSelectionBackground#67E9C930
  • list.activeSelectionForeground#D7EBDD
  • list.highlightForeground#67E9C9
  • list.hoverBackground#070D0A40
  • list.hoverForeground#D7EBDD
  • list.inactiveSelectionBackground#67E9C915
  • list.inactiveSelectionForeground#D7EBDD
  • selection.background#79ECC235
  • sideBar.background#070D0A
  • sideBar.border#ffffff15
  • sideBar.foreground#D7EBDD
  • sideBarSectionHeader.background#5D453280
  • sideBarSectionHeader.foreground#D7EBDD
  • sideBarTitle.foreground#67E9C9
  • statusBar.background#5D4532
  • statusBar.border#ffffff15
  • statusBar.foreground#D7EBDD
  • statusBar.noFolderBackground#5D4532
  • tab.activeBackground#5D4532
  • tab.activeBorderTop#67E9C9
  • tab.activeForeground#D7EBDD
  • tab.border#ffffff15
  • tab.inactiveBackground#070D0A60
  • tab.inactiveForeground#D7EBDD80
  • terminal.ansiBlack#5D4532
  • terminal.ansiBlue#79ECC2
  • terminal.ansiCyan#55E77A
  • terminal.ansiGreen#67E9C9
  • terminal.ansiMagenta#C9F183
  • terminal.ansiRed#C9F183
  • terminal.ansiWhite#D7EBDD
  • terminal.ansiYellow#55E77A
  • terminal.background#5D4532
  • terminal.foreground#D7EBDD
  • titleBar.activeBackground#5D4532
  • titleBar.activeForeground#D7EBDD
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5D4532
  • titleBar.inactiveForeground#D7EBDD60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#2E3A2Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ECC2bold
storage.type, storage.modifier#79ECC2italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9C9
string, punctuation.definition.string, string.template, meta.template.expression#55E77A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C9F183
variable, variable.other.readwrite, variable.other.object#D7EBDD
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#D7EBDD
variable.parameter, meta.parameter#D7EBDDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#D7EBDD80
keyword.operator#D7EBDD
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E77Abold
entity.other.inherited-class#67E9C9
entity.name.tag, punctuation.definition.tag#79ECC2
entity.other.attribute-name#67E9C9
meta.diff, meta.diff.header#2E3A2F
markup.deleted#C9F183
markup.inserted#67E9C9
markup.changed#55E77A
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9C9bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E77A
string.other.link.title, string.other.link.description#67E9C9
markup.underline.link#2E3A2Funderline
punctuation.definition.list#79ECC2
markup.quote, punctuation.definition.quote#2E3A2Fitalic