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#FAFAF4
  • activityBar.border#00000015
  • activityBar.foreground#647D35
  • activityBar.inactiveForeground#26312460
  • activityBarBadge.background#647D35
  • activityBarBadge.foreground#FAFAF4
  • button.background#647D35
  • button.foreground#FAFAF4
  • button.hoverBackground#647D35dd
  • editor.background#FAFAF4
  • editor.foreground#263124
  • editor.inactiveSelectionBackground#C6AA722580
  • editor.lineHighlightBackground#FFFFFF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C6AA7225
  • editorCursor.foreground#647D35
  • editorGroupHeader.tabsBackground#FFFFFFaa
  • editorLineNumber.activeForeground#647D35
  • editorLineNumber.foreground#B8AD9880
  • focusBorder#647D35
  • foreground#263124
  • input.background#FFFFFF
  • input.border#00000015
  • input.foreground#263124
  • input.placeholderForeground#26312460
  • list.activeSelectionBackground#647D3530
  • list.activeSelectionForeground#263124
  • list.highlightForeground#647D35
  • list.hoverBackground#FFFFFF40
  • list.hoverForeground#263124
  • list.inactiveSelectionBackground#647D3515
  • list.inactiveSelectionForeground#263124
  • selection.background#C6AA7225
  • sideBar.background#FFFFFF
  • sideBar.border#00000015
  • sideBar.foreground#263124
  • sideBarSectionHeader.background#FFFFFF80
  • sideBarSectionHeader.foreground#263124
  • sideBarTitle.foreground#647D35
  • statusBar.background#FAFAF4
  • statusBar.border#00000015
  • statusBar.foreground#263124
  • statusBar.noFolderBackground#FAFAF4
  • tab.activeBackground#FAFAF4
  • tab.activeBorderTop#647D35
  • tab.activeForeground#263124
  • tab.border#00000015
  • tab.inactiveBackground#FAFAF460
  • tab.inactiveForeground#26312480
  • terminal.ansiBlack#263124
  • terminal.ansiBlue#C6AA72
  • terminal.ansiCyan#C8AE72
  • terminal.ansiGreen#647D35
  • terminal.ansiMagenta#B28A47
  • terminal.ansiRed#B28A47
  • terminal.ansiWhite#263124
  • terminal.ansiYellow#C8AE72
  • terminal.background#FAFAF4
  • terminal.foreground#263124
  • titleBar.activeBackground#FAFAF4
  • titleBar.activeForeground#263124
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFAF4
  • titleBar.inactiveForeground#26312460
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B8AD98italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C6AA72bold
storage.type, storage.modifier#C6AA72italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#647D35
string, punctuation.definition.string, string.template, meta.template.expression#C8AE72
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B28A47
variable, variable.other.readwrite, variable.other.object#263124
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#263124
variable.parameter, meta.parameter#263124dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#26312480
keyword.operator#263124
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#C8AE72bold
entity.other.inherited-class#647D35
entity.name.tag, punctuation.definition.tag#C6AA72
entity.other.attribute-name#647D35
meta.diff, meta.diff.header#B8AD98
markup.deleted#B28A47
markup.inserted#647D35
markup.changed#C8AE72
markup.heading, markup.heading.setext, punctuation.definition.heading#647D35bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#C8AE72
string.other.link.title, string.other.link.description#647D35
markup.underline.link#B8AD98underline
punctuation.definition.list#C6AA72
markup.quote, punctuation.definition.quote#B8AD98italic