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#3C2E20
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9A0
  • activityBar.inactiveForeground#f4efe360
  • activityBarBadge.background#67E9A0
  • activityBarBadge.foreground#3C2E20
  • button.background#67E9A0
  • button.foreground#3C2E20
  • button.hoverBackground#67E9A0dd
  • editor.background#3C2E20
  • editor.foreground#f4efe3
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#0C0B0940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#67E9A0
  • editorGroupHeader.tabsBackground#3C2E20dd
  • editorLineNumber.activeForeground#67E9A0
  • editorLineNumber.foreground#d7c7ae80
  • focusBorder#67E9A0
  • foreground#f4efe3
  • input.background#0C0B09
  • input.border#ffffff15
  • input.foreground#f4efe3
  • input.placeholderForeground#f4efe360
  • list.activeSelectionBackground#67E9A030
  • list.activeSelectionForeground#f4efe3
  • list.highlightForeground#67E9A0
  • list.hoverBackground#0C0B0940
  • list.hoverForeground#f4efe3
  • list.inactiveSelectionBackground#67E9A015
  • list.inactiveSelectionForeground#f4efe3
  • selection.background#ECC07935
  • sideBar.background#0C0B09
  • sideBar.border#ffffff15
  • sideBar.foreground#f4efe3
  • sideBarSectionHeader.background#3C2E2080
  • sideBarSectionHeader.foreground#f4efe3
  • sideBarTitle.foreground#67E9A0
  • statusBar.background#3C2E20
  • statusBar.border#ffffff15
  • statusBar.foreground#f4efe3
  • statusBar.noFolderBackground#3C2E20
  • tab.activeBackground#3C2E20
  • tab.activeBorderTop#67E9A0
  • tab.activeForeground#f4efe3
  • tab.border#ffffff15
  • tab.inactiveBackground#0C0B0960
  • tab.inactiveForeground#f4efe380
  • terminal.ansiBlack#3C2E20
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#A1E755
  • terminal.ansiGreen#67E9A0
  • terminal.ansiMagenta#F1C583
  • terminal.ansiRed#F1C583
  • terminal.ansiWhite#f4efe3
  • terminal.ansiYellow#A1E755
  • terminal.background#3C2E20
  • terminal.foreground#f4efe3
  • titleBar.activeBackground#3C2E20
  • titleBar.activeForeground#f4efe3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3C2E20
  • titleBar.inactiveForeground#f4efe360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7c7aeitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC079bold
storage.type, storage.modifier#ECC079italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9A0
string, punctuation.definition.string, string.template, meta.template.expression#A1E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C583
variable, variable.other.readwrite, variable.other.object#f4efe3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4efe3
variable.parameter, meta.parameter#f4efe3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4efe380
keyword.operator#f4efe3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A1E755bold
entity.other.inherited-class#67E9A0
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#67E9A0
meta.diff, meta.diff.header#d7c7ae
markup.deleted#F1C583
markup.inserted#67E9A0
markup.changed#A1E755
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9A0bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A1E755
string.other.link.title, string.other.link.description#67E9A0
markup.underline.link#d7c7aeunderline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#d7c7aeitalic