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#FAF9F5
  • activityBar.border#00000015
  • activityBar.foreground#6C9325
  • activityBar.inactiveForeground#2f312a60
  • activityBarBadge.background#6C9325
  • activityBarBadge.foreground#FAF9F5
  • button.background#6C9325
  • button.foreground#FAF9F5
  • button.hoverBackground#6C9325dd
  • editor.background#FAF9F5
  • editor.foreground#2f312a
  • editor.inactiveSelectionBackground#8355212580
  • editor.lineHighlightBackground#E7DFCF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83552125
  • editorCursor.foreground#6C9325
  • editorGroupHeader.tabsBackground#E7DFCFaa
  • editorLineNumber.activeForeground#6C9325
  • editorLineNumber.foreground#78935b80
  • focusBorder#6C9325
  • foreground#2f312a
  • input.background#E7DFCF
  • input.border#00000015
  • input.foreground#2f312a
  • input.placeholderForeground#2f312a60
  • list.activeSelectionBackground#6C932530
  • list.activeSelectionForeground#2f312a
  • list.highlightForeground#6C9325
  • list.hoverBackground#E7DFCF40
  • list.hoverForeground#2f312a
  • list.inactiveSelectionBackground#6C932515
  • list.inactiveSelectionForeground#2f312a
  • selection.background#83552125
  • sideBar.background#E7DFCF
  • sideBar.border#00000015
  • sideBar.foreground#2f312a
  • sideBarSectionHeader.background#E7DFCF80
  • sideBarSectionHeader.foreground#2f312a
  • sideBarTitle.foreground#6C9325
  • statusBar.background#FAF9F5
  • statusBar.border#00000015
  • statusBar.foreground#2f312a
  • statusBar.noFolderBackground#FAF9F5
  • tab.activeBackground#FAF9F5
  • tab.activeBorderTop#6C9325
  • tab.activeForeground#2f312a
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F560
  • tab.inactiveForeground#2f312a80
  • terminal.ansiBlack#2f312a
  • terminal.ansiBlue#835521
  • terminal.ansiCyan#29A3A3
  • terminal.ansiGreen#6C9325
  • terminal.ansiMagenta#4F7619
  • terminal.ansiRed#4F7619
  • terminal.ansiWhite#2f312a
  • terminal.ansiYellow#29A3A3
  • terminal.background#FAF9F5
  • terminal.foreground#2f312a
  • titleBar.activeBackground#FAF9F5
  • titleBar.activeForeground#2f312a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F5
  • 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#835521bold
storage.type, storage.modifier#835521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6C9325
string, punctuation.definition.string, string.template, meta.template.expression#29A3A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#4F7619
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#29A3A3bold
entity.other.inherited-class#6C9325
entity.name.tag, punctuation.definition.tag#835521
entity.other.attribute-name#6C9325
meta.diff, meta.diff.header#78935b
markup.deleted#4F7619
markup.inserted#6C9325
markup.changed#29A3A3
markup.heading, markup.heading.setext, punctuation.definition.heading#6C9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A3A3
string.other.link.title, string.other.link.description#6C9325
markup.underline.link#78935bunderline
punctuation.definition.list#835521
markup.quote, punctuation.definition.quote#78935bitalic