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#FBF8F4
  • activityBar.border#00000015
  • activityBar.foreground#519325
  • activityBar.inactiveForeground#24271f60
  • activityBarBadge.background#519325
  • activityBarBadge.foreground#FBF8F4
  • button.background#519325
  • button.foreground#FBF8F4
  • button.hoverBackground#519325dd
  • editor.background#FBF8F4
  • editor.foreground#24271f
  • editor.inactiveSelectionBackground#5683212580
  • editor.lineHighlightBackground#EEDFC450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#56832125
  • editorCursor.foreground#519325
  • editorGroupHeader.tabsBackground#EEDFC4aa
  • editorLineNumber.activeForeground#519325
  • editorLineNumber.foreground#8a604180
  • focusBorder#519325
  • foreground#24271f
  • input.background#EEDFC4
  • input.border#00000015
  • input.foreground#24271f
  • input.placeholderForeground#24271f60
  • list.activeSelectionBackground#51932530
  • list.activeSelectionForeground#24271f
  • list.highlightForeground#519325
  • list.hoverBackground#EEDFC440
  • list.hoverForeground#24271f
  • list.inactiveSelectionBackground#51932515
  • list.inactiveSelectionForeground#24271f
  • selection.background#56832125
  • sideBar.background#EEDFC4
  • sideBar.border#00000015
  • sideBar.foreground#24271f
  • sideBarSectionHeader.background#EEDFC480
  • sideBarSectionHeader.foreground#24271f
  • sideBarTitle.foreground#519325
  • statusBar.background#FBF8F4
  • statusBar.border#00000015
  • statusBar.foreground#24271f
  • statusBar.noFolderBackground#FBF8F4
  • tab.activeBackground#FBF8F4
  • tab.activeBorderTop#519325
  • tab.activeForeground#24271f
  • tab.border#00000015
  • tab.inactiveBackground#FBF8F460
  • tab.inactiveForeground#24271f80
  • terminal.ansiBlack#24271f
  • terminal.ansiBlue#568321
  • terminal.ansiCyan#A35C29
  • terminal.ansiGreen#519325
  • terminal.ansiMagenta#765419
  • terminal.ansiRed#765419
  • terminal.ansiWhite#24271f
  • terminal.ansiYellow#A35C29
  • terminal.background#FBF8F4
  • terminal.foreground#24271f
  • titleBar.activeBackground#FBF8F4
  • titleBar.activeForeground#24271f
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBF8F4
  • titleBar.inactiveForeground#24271f60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8a6041italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#568321bold
storage.type, storage.modifier#568321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#519325
string, punctuation.definition.string, string.template, meta.template.expression#A35C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765419
variable, variable.other.readwrite, variable.other.object#24271f
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#24271f
variable.parameter, meta.parameter#24271fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24271f80
keyword.operator#24271f
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A35C29bold
entity.other.inherited-class#519325
entity.name.tag, punctuation.definition.tag#568321
entity.other.attribute-name#519325
meta.diff, meta.diff.header#8a6041
markup.deleted#765419
markup.inserted#519325
markup.changed#A35C29
markup.heading, markup.heading.setext, punctuation.definition.heading#519325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A35C29
string.other.link.title, string.other.link.description#519325
markup.underline.link#8a6041underline
punctuation.definition.list#568321
markup.quote, punctuation.definition.quote#8a6041italic