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#f4f2ea
  • activityBar.border#00000015
  • activityBar.foreground#697b48
  • activityBar.inactiveForeground#2f312a60
  • activityBarBadge.background#697b48
  • activityBarBadge.foreground#f4f2ea
  • button.background#697b48
  • button.foreground#f4f2ea
  • button.hoverBackground#697b48dd
  • editor.background#f4f2ea
  • editor.foreground#2f312a
  • editor.inactiveSelectionBackground#b59b7d2580
  • editor.lineHighlightBackground#e2d8c450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#b59b7d25
  • editorCursor.foreground#697b48
  • editorGroupHeader.tabsBackground#e2d8c4aa
  • editorLineNumber.activeForeground#697b48
  • editorLineNumber.foreground#78935b80
  • focusBorder#697b48
  • foreground#2f312a
  • input.background#e2d8c4
  • input.border#00000015
  • input.foreground#2f312a
  • input.placeholderForeground#2f312a60
  • list.activeSelectionBackground#697b4830
  • list.activeSelectionForeground#2f312a
  • list.highlightForeground#697b48
  • list.hoverBackground#e2d8c440
  • list.hoverForeground#2f312a
  • list.inactiveSelectionBackground#697b4815
  • list.inactiveSelectionForeground#2f312a
  • selection.background#b59b7d25
  • sideBar.background#e2d8c4
  • sideBar.border#00000015
  • sideBar.foreground#2f312a
  • sideBarSectionHeader.background#e2d8c480
  • sideBarSectionHeader.foreground#2f312a
  • sideBarTitle.foreground#697b48
  • statusBar.background#f4f2ea
  • statusBar.border#00000015
  • statusBar.foreground#2f312a
  • statusBar.noFolderBackground#f4f2ea
  • tab.activeBackground#f4f2ea
  • tab.activeBorderTop#697b48
  • tab.activeForeground#2f312a
  • tab.border#00000015
  • tab.inactiveBackground#f4f2ea60
  • tab.inactiveForeground#2f312a80
  • terminal.ansiBlack#2f312a
  • terminal.ansiBlue#b59b7d
  • terminal.ansiCyan#8fa0a0
  • terminal.ansiGreen#697b48
  • terminal.ansiMagenta#4f6234
  • terminal.ansiRed#4f6234
  • terminal.ansiWhite#2f312a
  • terminal.ansiYellow#8fa0a0
  • terminal.background#f4f2ea
  • terminal.foreground#2f312a
  • titleBar.activeBackground#f4f2ea
  • titleBar.activeForeground#2f312a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4f2ea
  • titleBar.inactiveForeground#2f312a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#78935bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#b59b7dbold
storage.type, storage.modifier#b59b7ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#697b48
string, punctuation.definition.string, string.template, meta.template.expression#8fa0a0
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4f6234
variable, variable.other.readwrite, variable.other.object#2f312a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2f312a
variable.parameter, meta.parameter#2f312additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2f312a80
keyword.operator#2f312a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8fa0a0bold
entity.other.inherited-class#697b48
entity.name.tag, punctuation.definition.tag#b59b7d
entity.other.attribute-name#697b48
meta.diff, meta.diff.header#78935b
markup.deleted#4f6234
markup.inserted#697b48
markup.changed#8fa0a0
markup.heading, markup.heading.setext, punctuation.definition.heading#697b48bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8fa0a0
string.other.link.title, string.other.link.description#697b48
markup.underline.link#78935bunderline
punctuation.definition.list#b59b7d
markup.quote, punctuation.definition.quote#78935bitalic