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#FAF9F7
  • activityBar.border#00000015
  • activityBar.foreground#D7A15A
  • activityBar.inactiveForeground#2E241960
  • activityBarBadge.background#D7A15A
  • activityBarBadge.foreground#FAF9F7
  • button.background#D7A15A
  • button.foreground#FAF9F7
  • button.hoverBackground#D7A15Add
  • editor.background#FAF9F7
  • editor.foreground#2E2419
  • editor.inactiveSelectionBackground#FFFFFF2580
  • editor.lineHighlightBackground#F7F6F350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FFFFFF25
  • editorCursor.foreground#D7A15A
  • editorGroupHeader.tabsBackground#F7F6F3aa
  • editorLineNumber.activeForeground#D7A15A
  • editorLineNumber.foreground#D8D3C180
  • focusBorder#D7A15A
  • foreground#2E2419
  • input.background#F7F6F3
  • input.border#00000015
  • input.foreground#2E2419
  • input.placeholderForeground#2E241960
  • list.activeSelectionBackground#D7A15A30
  • list.activeSelectionForeground#2E2419
  • list.highlightForeground#D7A15A
  • list.hoverBackground#F7F6F340
  • list.hoverForeground#2E2419
  • list.inactiveSelectionBackground#D7A15A15
  • list.inactiveSelectionForeground#2E2419
  • selection.background#FFFFFF25
  • sideBar.background#F7F6F3
  • sideBar.border#00000015
  • sideBar.foreground#2E2419
  • sideBarSectionHeader.background#F7F6F380
  • sideBarSectionHeader.foreground#2E2419
  • sideBarTitle.foreground#D7A15A
  • statusBar.background#FAF9F7
  • statusBar.border#00000015
  • statusBar.foreground#2E2419
  • statusBar.noFolderBackground#FAF9F7
  • tab.activeBackground#FAF9F7
  • tab.activeBorderTop#D7A15A
  • tab.activeForeground#2E2419
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F760
  • tab.inactiveForeground#2E241980
  • terminal.ansiBlack#2E2419
  • terminal.ansiBlue#FFFFFF
  • terminal.ansiCyan#A56A37
  • terminal.ansiGreen#D7A15A
  • terminal.ansiMagenta#F2D9A7
  • terminal.ansiRed#F2D9A7
  • terminal.ansiWhite#2E2419
  • terminal.ansiYellow#A56A37
  • terminal.background#FAF9F7
  • terminal.foreground#2E2419
  • titleBar.activeBackground#FAF9F7
  • titleBar.activeForeground#2E2419
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F7
  • titleBar.inactiveForeground#2E241960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D8D3C1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FFFFFFbold
storage.type, storage.modifier#FFFFFFitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#D7A15A
string, punctuation.definition.string, string.template, meta.template.expression#A56A37
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F2D9A7
variable, variable.other.readwrite, variable.other.object#2E2419
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E2419
variable.parameter, meta.parameter#2E2419dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E241980
keyword.operator#2E2419
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A56A37bold
entity.other.inherited-class#D7A15A
entity.name.tag, punctuation.definition.tag#FFFFFF
entity.other.attribute-name#D7A15A
meta.diff, meta.diff.header#D8D3C1
markup.deleted#F2D9A7
markup.inserted#D7A15A
markup.changed#A56A37
markup.heading, markup.heading.setext, punctuation.definition.heading#D7A15Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A56A37
string.other.link.title, string.other.link.description#D7A15A
markup.underline.link#D8D3C1underline
punctuation.definition.list#FFFFFF
markup.quote, punctuation.definition.quote#D8D3C1italic