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#FDFCFB
  • activityBar.border#00000015
  • activityBar.foreground#5A9325
  • activityBar.inactiveForeground#1F232060
  • activityBarBadge.background#5A9325
  • activityBarBadge.foreground#FDFCFB
  • button.background#5A9325
  • button.foreground#FDFCFB
  • button.hoverBackground#5A9325dd
  • editor.background#FDFCFB
  • editor.foreground#1F2320
  • editor.inactiveSelectionBackground#8362212580
  • editor.lineHighlightBackground#F5F4EF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83622125
  • editorCursor.foreground#5A9325
  • editorGroupHeader.tabsBackground#F5F4EFaa
  • editorLineNumber.activeForeground#5A9325
  • editorLineNumber.foreground#C6C09080
  • focusBorder#5A9325
  • foreground#1F2320
  • input.background#F5F4EF
  • input.border#00000015
  • input.foreground#1F2320
  • input.placeholderForeground#1F232060
  • list.activeSelectionBackground#5A932530
  • list.activeSelectionForeground#1F2320
  • list.highlightForeground#5A9325
  • list.hoverBackground#F5F4EF40
  • list.hoverForeground#1F2320
  • list.inactiveSelectionBackground#5A932515
  • list.inactiveSelectionForeground#1F2320
  • selection.background#83622125
  • sideBar.background#F5F4EF
  • sideBar.border#00000015
  • sideBar.foreground#1F2320
  • sideBarSectionHeader.background#F5F4EF80
  • sideBarSectionHeader.foreground#1F2320
  • sideBarTitle.foreground#5A9325
  • statusBar.background#FDFCFB
  • statusBar.border#00000015
  • statusBar.foreground#1F2320
  • statusBar.noFolderBackground#FDFCFB
  • tab.activeBackground#FDFCFB
  • tab.activeBorderTop#5A9325
  • tab.activeForeground#1F2320
  • tab.border#00000015
  • tab.inactiveBackground#FDFCFB60
  • tab.inactiveForeground#1F232080
  • terminal.ansiBlack#1F2320
  • terminal.ansiBlue#836221
  • terminal.ansiCyan#A37829
  • terminal.ansiGreen#5A9325
  • terminal.ansiMagenta#761919
  • terminal.ansiRed#761919
  • terminal.ansiWhite#1F2320
  • terminal.ansiYellow#A37829
  • terminal.background#FDFCFB
  • terminal.foreground#1F2320
  • titleBar.activeBackground#FDFCFB
  • titleBar.activeForeground#1F2320
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFCFB
  • titleBar.inactiveForeground#1F232060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C6C090italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836221bold
storage.type, storage.modifier#836221italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#5A9325
string, punctuation.definition.string, string.template, meta.template.expression#A37829
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761919
variable, variable.other.readwrite, variable.other.object#1F2320
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F2320
variable.parameter, meta.parameter#1F2320dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F232080
keyword.operator#1F2320
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37829bold
entity.other.inherited-class#5A9325
entity.name.tag, punctuation.definition.tag#836221
entity.other.attribute-name#5A9325
meta.diff, meta.diff.header#C6C090
markup.deleted#761919
markup.inserted#5A9325
markup.changed#A37829
markup.heading, markup.heading.setext, punctuation.definition.heading#5A9325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37829
string.other.link.title, string.other.link.description#5A9325
markup.underline.link#C6C090underline
punctuation.definition.list#836221
markup.quote, punctuation.definition.quote#C6C090italic