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#5C9325
  • activityBar.inactiveForeground#2E3C2C60
  • activityBarBadge.background#5C9325
  • activityBarBadge.foreground#FEFDFB
  • button.background#5C9325
  • button.foreground#FEFDFB
  • button.hoverBackground#5C9325dd
  • editor.background#FEFDFB
  • editor.foreground#2E3C2C
  • editor.inactiveSelectionBackground#8368212580
  • editor.lineHighlightBackground#FFFBF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83682125
  • editorCursor.foreground#5C9325
  • editorGroupHeader.tabsBackground#FFFBF0aa
  • editorLineNumber.activeForeground#5C9325
  • editorLineNumber.foreground#E6EBDF80
  • focusBorder#5C9325
  • foreground#2E3C2C
  • input.background#FFFBF0
  • input.border#00000015
  • input.foreground#2E3C2C
  • input.placeholderForeground#2E3C2C60
  • list.activeSelectionBackground#5C932530
  • list.activeSelectionForeground#2E3C2C
  • list.highlightForeground#5C9325
  • list.hoverBackground#FFFBF040
  • list.hoverForeground#2E3C2C
  • list.inactiveSelectionBackground#5C932515
  • list.inactiveSelectionForeground#2E3C2C
  • selection.background#83682125
  • sideBar.background#FFFBF0
  • sideBar.border#00000015
  • sideBar.foreground#2E3C2C
  • sideBarSectionHeader.background#FFFBF080
  • sideBarSectionHeader.foreground#2E3C2C
  • sideBarTitle.foreground#5C9325
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#2E3C2C
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#5C9325
  • tab.activeForeground#2E3C2C
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#2E3C2C80
  • terminal.ansiBlack#2E3C2C
  • terminal.ansiBlue#836821
  • terminal.ansiCyan#A38B29
  • terminal.ansiGreen#5C9325
  • terminal.ansiMagenta#766219
  • terminal.ansiRed#766219
  • terminal.ansiWhite#2E3C2C
  • terminal.ansiYellow#A38B29
  • terminal.background#FEFDFB
  • terminal.foreground#2E3C2C
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#2E3C2C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#2E3C2C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E6EBDFitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836821bold
storage.type, storage.modifier#836821italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5C9325
string, punctuation.definition.string, string.template, meta.template.expression#A38B29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#766219
variable, variable.other.readwrite, variable.other.object#2E3C2C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2E3C2C
variable.parameter, meta.parameter#2E3C2Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2E3C2C80
keyword.operator#2E3C2C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A38B29bold
entity.other.inherited-class#5C9325
entity.name.tag, punctuation.definition.tag#836821
entity.other.attribute-name#5C9325
meta.diff, meta.diff.header#E6EBDF
markup.deleted#766219
markup.inserted#5C9325
markup.changed#A38B29
markup.heading, markup.heading.setext, punctuation.definition.heading#5C9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A38B29
string.other.link.title, string.other.link.description#5C9325
markup.underline.link#E6EBDFunderline
punctuation.definition.list#836821
markup.quote, punctuation.definition.quote#E6EBDFitalic