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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#329325
  • activityBar.inactiveForeground#2B231A60
  • activityBarBadge.background#329325
  • activityBarBadge.foreground#FEFDFB
  • button.background#329325
  • button.foreground#FEFDFB
  • button.hoverBackground#329325dd
  • editor.background#FEFDFB
  • editor.foreground#2B231A
  • editor.inactiveSelectionBackground#835A212580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835A2125
  • editorCursor.foreground#329325
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#329325
  • editorLineNumber.foreground#F2EBD680
  • focusBorder#329325
  • foreground#2B231A
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#2B231A
  • input.placeholderForeground#2B231A60
  • list.activeSelectionBackground#32932530
  • list.activeSelectionForeground#2B231A
  • list.highlightForeground#329325
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#2B231A
  • list.inactiveSelectionBackground#32932515
  • list.inactiveSelectionForeground#2B231A
  • selection.background#835A2125
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#2B231A
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#2B231A
  • sideBarTitle.foreground#329325
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#2B231A
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#329325
  • tab.activeForeground#2B231A
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#2B231A80
  • terminal.ansiBlack#2B231A
  • terminal.ansiBlue#835A21
  • terminal.ansiCyan#A3294E
  • terminal.ansiGreen#329325
  • terminal.ansiMagenta#762C19
  • terminal.ansiRed#762C19
  • terminal.ansiWhite#2B231A
  • terminal.ansiYellow#A3294E
  • terminal.background#FEFDFB
  • terminal.foreground#2B231A
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#2B231A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#2B231A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F2EBD6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835A21bold
storage.type, storage.modifier#835A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#329325
string, punctuation.definition.string, string.template, meta.template.expression#A3294E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762C19
variable, variable.other.readwrite, variable.other.object#2B231A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B231A
variable.parameter, meta.parameter#2B231Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B231A80
keyword.operator#2B231A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3294Ebold
entity.other.inherited-class#329325
entity.name.tag, punctuation.definition.tag#835A21
entity.other.attribute-name#329325
meta.diff, meta.diff.header#F2EBD6
markup.deleted#762C19
markup.inserted#329325
markup.changed#A3294E
markup.heading, markup.heading.setext, punctuation.definition.heading#329325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3294E
string.other.link.title, string.other.link.description#329325
markup.underline.link#F2EBD6underline
punctuation.definition.list#835A21
markup.quote, punctuation.definition.quote#F2EBD6italic