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#2F261D
  • activityBar.border#ffffff15
  • activityBar.foreground#E9C967
  • activityBar.inactiveForeground#FAF7F160
  • activityBarBadge.background#E9C967
  • activityBarBadge.foreground#2F261D
  • button.background#E9C967
  • button.foreground#2F261D
  • button.hoverBackground#E9C967dd
  • editor.background#2F261D
  • editor.foreground#FAF7F1
  • editor.inactiveSelectionBackground#79ABEC3580
  • editor.lineHighlightBackground#13121040
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79ABEC35
  • editorCursor.foreground#E9C967
  • editorGroupHeader.tabsBackground#2F261Ddd
  • editorLineNumber.activeForeground#E9C967
  • editorLineNumber.foreground#7A4A1E80
  • focusBorder#E9C967
  • foreground#FAF7F1
  • input.background#131210
  • input.border#ffffff15
  • input.foreground#FAF7F1
  • input.placeholderForeground#FAF7F160
  • list.activeSelectionBackground#E9C96730
  • list.activeSelectionForeground#FAF7F1
  • list.highlightForeground#E9C967
  • list.hoverBackground#13121040
  • list.hoverForeground#FAF7F1
  • list.inactiveSelectionBackground#E9C96715
  • list.inactiveSelectionForeground#FAF7F1
  • selection.background#79ABEC35
  • sideBar.background#131210
  • sideBar.border#ffffff15
  • sideBar.foreground#FAF7F1
  • sideBarSectionHeader.background#2F261D80
  • sideBarSectionHeader.foreground#FAF7F1
  • sideBarTitle.foreground#E9C967
  • statusBar.background#2F261D
  • statusBar.border#ffffff15
  • statusBar.foreground#FAF7F1
  • statusBar.noFolderBackground#2F261D
  • tab.activeBackground#2F261D
  • tab.activeBorderTop#E9C967
  • tab.activeForeground#FAF7F1
  • tab.border#ffffff15
  • tab.inactiveBackground#13121060
  • tab.inactiveForeground#FAF7F180
  • terminal.ansiBlack#2F261D
  • terminal.ansiBlue#79ABEC
  • terminal.ansiCyan#E7C555
  • terminal.ansiGreen#E9C967
  • terminal.ansiMagenta#F1A083
  • terminal.ansiRed#F1A083
  • terminal.ansiWhite#FAF7F1
  • terminal.ansiYellow#E7C555
  • terminal.background#2F261D
  • terminal.foreground#FAF7F1
  • titleBar.activeBackground#2F261D
  • titleBar.activeForeground#FAF7F1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2F261D
  • titleBar.inactiveForeground#FAF7F160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A4A1Eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79ABECbold
storage.type, storage.modifier#79ABECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9C967
string, punctuation.definition.string, string.template, meta.template.expression#E7C555
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A083
variable, variable.other.readwrite, variable.other.object#FAF7F1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAF7F1
variable.parameter, meta.parameter#FAF7F1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAF7F180
keyword.operator#FAF7F1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7C555bold
entity.other.inherited-class#E9C967
entity.name.tag, punctuation.definition.tag#79ABEC
entity.other.attribute-name#E9C967
meta.diff, meta.diff.header#7A4A1E
markup.deleted#F1A083
markup.inserted#E9C967
markup.changed#E7C555
markup.heading, markup.heading.setext, punctuation.definition.heading#E9C967bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7C555
string.other.link.title, string.other.link.description#E9C967
markup.underline.link#7A4A1Eunderline
punctuation.definition.list#79ABEC
markup.quote, punctuation.definition.quote#7A4A1Eitalic