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#FCF9E8
  • activityBar.border#00000015
  • activityBar.foreground#938225
  • activityBar.inactiveForeground#17160f60
  • activityBarBadge.background#938225
  • activityBarBadge.foreground#FCF9E8
  • button.background#938225
  • button.foreground#FCF9E8
  • button.hoverBackground#938225dd
  • editor.background#FCF9E8
  • editor.foreground#17160f
  • editor.inactiveSelectionBackground#4B83212580
  • editor.lineHighlightBackground#F1E9B750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#4B832125
  • editorCursor.foreground#938225
  • editorGroupHeader.tabsBackground#F1E9B7aa
  • editorLineNumber.activeForeground#938225
  • editorLineNumber.foreground#d7dcc180
  • focusBorder#938225
  • foreground#17160f
  • input.background#F1E9B7
  • input.border#00000015
  • input.foreground#17160f
  • input.placeholderForeground#17160f60
  • list.activeSelectionBackground#93822530
  • list.activeSelectionForeground#17160f
  • list.highlightForeground#938225
  • list.hoverBackground#F1E9B740
  • list.hoverForeground#17160f
  • list.inactiveSelectionBackground#93822515
  • list.inactiveSelectionForeground#17160f
  • selection.background#4B832125
  • sideBar.background#F1E9B7
  • sideBar.border#00000015
  • sideBar.foreground#17160f
  • sideBarSectionHeader.background#F1E9B780
  • sideBarSectionHeader.foreground#17160f
  • sideBarTitle.foreground#938225
  • statusBar.background#FCF9E8
  • statusBar.border#00000015
  • statusBar.foreground#17160f
  • statusBar.noFolderBackground#FCF9E8
  • tab.activeBackground#FCF9E8
  • tab.activeBorderTop#938225
  • tab.activeForeground#17160f
  • tab.border#00000015
  • tab.inactiveBackground#FCF9E860
  • tab.inactiveForeground#17160f80
  • terminal.ansiBlack#17160f
  • terminal.ansiBlue#4B8321
  • terminal.ansiCyan#A38F29
  • terminal.ansiGreen#938225
  • terminal.ansiMagenta#657619
  • terminal.ansiRed#657619
  • terminal.ansiWhite#17160f
  • terminal.ansiYellow#A38F29
  • terminal.background#FCF9E8
  • terminal.foreground#17160f
  • titleBar.activeBackground#FCF9E8
  • titleBar.activeForeground#17160f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCF9E8
  • titleBar.inactiveForeground#17160f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7dcc1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#4B8321bold
storage.type, storage.modifier#4B8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#938225
string, punctuation.definition.string, string.template, meta.template.expression#A38F29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#657619
variable, variable.other.readwrite, variable.other.object#17160f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#17160f
variable.parameter, meta.parameter#17160fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17160f80
keyword.operator#17160f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38F29bold
entity.other.inherited-class#938225
entity.name.tag, punctuation.definition.tag#4B8321
entity.other.attribute-name#938225
meta.diff, meta.diff.header#d7dcc1
markup.deleted#657619
markup.inserted#938225
markup.changed#A38F29
markup.heading, markup.heading.setext, punctuation.definition.heading#938225bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38F29
string.other.link.title, string.other.link.description#938225
markup.underline.link#d7dcc1underline
punctuation.definition.list#4B8321
markup.quote, punctuation.definition.quote#d7dcc1italic