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#5C4028
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9BE
  • activityBar.inactiveForeground#f6ecd860
  • activityBarBadge.background#67E9BE
  • activityBarBadge.foreground#5C4028
  • button.background#67E9BE
  • button.foreground#5C4028
  • button.hoverBackground#67E9BEdd
  • editor.background#5C4028
  • editor.foreground#f6ecd8
  • editor.inactiveSelectionBackground#79CFEC3580
  • editor.lineHighlightBackground#09151240
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79CFEC35
  • editorCursor.foreground#67E9BE
  • editorGroupHeader.tabsBackground#5C4028dd
  • editorLineNumber.activeForeground#67E9BE
  • editorLineNumber.foreground#c9b89380
  • focusBorder#67E9BE
  • foreground#f6ecd8
  • input.background#091512
  • input.border#ffffff15
  • input.foreground#f6ecd8
  • input.placeholderForeground#f6ecd860
  • list.activeSelectionBackground#67E9BE30
  • list.activeSelectionForeground#f6ecd8
  • list.highlightForeground#67E9BE
  • list.hoverBackground#09151240
  • list.hoverForeground#f6ecd8
  • list.inactiveSelectionBackground#67E9BE15
  • list.inactiveSelectionForeground#f6ecd8
  • selection.background#79CFEC35
  • sideBar.background#091512
  • sideBar.border#ffffff15
  • sideBar.foreground#f6ecd8
  • sideBarSectionHeader.background#5C402880
  • sideBarSectionHeader.foreground#f6ecd8
  • sideBarTitle.foreground#67E9BE
  • statusBar.background#5C4028
  • statusBar.border#ffffff15
  • statusBar.foreground#f6ecd8
  • statusBar.noFolderBackground#5C4028
  • tab.activeBackground#5C4028
  • tab.activeBorderTop#67E9BE
  • tab.activeForeground#f6ecd8
  • tab.border#ffffff15
  • tab.inactiveBackground#09151260
  • tab.inactiveForeground#f6ecd880
  • terminal.ansiBlack#5C4028
  • terminal.ansiBlue#79CFEC
  • terminal.ansiCyan#55E0E7
  • terminal.ansiGreen#67E9BE
  • terminal.ansiMagenta#D6F183
  • terminal.ansiRed#D6F183
  • terminal.ansiWhite#f6ecd8
  • terminal.ansiYellow#55E0E7
  • terminal.background#5C4028
  • terminal.foreground#f6ecd8
  • titleBar.activeBackground#5C4028
  • titleBar.activeForeground#f6ecd8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#5C4028
  • titleBar.inactiveForeground#f6ecd860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c9b893italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79CFECbold
storage.type, storage.modifier#79CFECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9BE
string, punctuation.definition.string, string.template, meta.template.expression#55E0E7
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D6F183
variable, variable.other.readwrite, variable.other.object#f6ecd8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f6ecd8
variable.parameter, meta.parameter#f6ecd8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f6ecd880
keyword.operator#f6ecd8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E0E7bold
entity.other.inherited-class#67E9BE
entity.name.tag, punctuation.definition.tag#79CFEC
entity.other.attribute-name#67E9BE
meta.diff, meta.diff.header#c9b893
markup.deleted#D6F183
markup.inserted#67E9BE
markup.changed#55E0E7
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9BEbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E0E7
string.other.link.title, string.other.link.description#67E9BE
markup.underline.link#c9b893underline
punctuation.definition.list#79CFEC
markup.quote, punctuation.definition.quote#c9b893italic