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#efe4d0
  • activityBar.border#00000015
  • activityBar.foreground#6f4a2e
  • activityBar.inactiveForeground#2b1b1260
  • activityBarBadge.background#6f4a2e
  • activityBarBadge.foreground#efe4d0
  • button.background#6f4a2e
  • button.foreground#efe4d0
  • button.hoverBackground#6f4a2edd
  • editor.background#efe4d0
  • editor.foreground#2b1b12
  • editor.inactiveSelectionBackground#fbf3df2580
  • editor.lineHighlightBackground#c7a27a50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#fbf3df25
  • editorCursor.foreground#6f4a2e
  • editorGroupHeader.tabsBackground#c7a27aaa
  • editorLineNumber.activeForeground#6f4a2e
  • editorLineNumber.foreground#fbf3df80
  • focusBorder#6f4a2e
  • foreground#2b1b12
  • input.background#c7a27a
  • input.border#00000015
  • input.foreground#2b1b12
  • input.placeholderForeground#2b1b1260
  • list.activeSelectionBackground#6f4a2e30
  • list.activeSelectionForeground#2b1b12
  • list.highlightForeground#6f4a2e
  • list.hoverBackground#c7a27a40
  • list.hoverForeground#2b1b12
  • list.inactiveSelectionBackground#6f4a2e15
  • list.inactiveSelectionForeground#2b1b12
  • selection.background#fbf3df25
  • sideBar.background#c7a27a
  • sideBar.border#00000015
  • sideBar.foreground#2b1b12
  • sideBarSectionHeader.background#c7a27a80
  • sideBarSectionHeader.foreground#2b1b12
  • sideBarTitle.foreground#6f4a2e
  • statusBar.background#efe4d0
  • statusBar.border#00000015
  • statusBar.foreground#2b1b12
  • statusBar.noFolderBackground#efe4d0
  • tab.activeBackground#efe4d0
  • tab.activeBorderTop#6f4a2e
  • tab.activeForeground#2b1b12
  • tab.border#00000015
  • tab.inactiveBackground#efe4d060
  • tab.inactiveForeground#2b1b1280
  • terminal.ansiBlack#2b1b12
  • terminal.ansiBlue#fbf3df
  • terminal.ansiCyan#536b3f
  • terminal.ansiGreen#6f4a2e
  • terminal.ansiMagenta#d79732
  • terminal.ansiRed#d79732
  • terminal.ansiWhite#2b1b12
  • terminal.ansiYellow#536b3f
  • terminal.background#efe4d0
  • terminal.foreground#2b1b12
  • titleBar.activeBackground#efe4d0
  • titleBar.activeForeground#2b1b12
  • titleBar.border#00000015
  • titleBar.inactiveBackground#efe4d0
  • titleBar.inactiveForeground#2b1b1260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fbf3dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#fbf3dfbold
storage.type, storage.modifier#fbf3dfitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6f4a2e
string, punctuation.definition.string, string.template, meta.template.expression#536b3f
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d79732
variable, variable.other.readwrite, variable.other.object#2b1b12
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2b1b12
variable.parameter, meta.parameter#2b1b12dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2b1b1280
keyword.operator#2b1b12
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#536b3fbold
entity.other.inherited-class#6f4a2e
entity.name.tag, punctuation.definition.tag#fbf3df
entity.other.attribute-name#6f4a2e
meta.diff, meta.diff.header#fbf3df
markup.deleted#d79732
markup.inserted#6f4a2e
markup.changed#536b3f
markup.heading, markup.heading.setext, punctuation.definition.heading#6f4a2ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#536b3f
string.other.link.title, string.other.link.description#6f4a2e
markup.underline.link#fbf3dfunderline
punctuation.definition.list#fbf3df
markup.quote, punctuation.definition.quote#fbf3dfitalic