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#FAFBF9
  • activityBar.border#00000015
  • activityBar.foreground#779325
  • activityBar.inactiveForeground#0e0f1060
  • activityBarBadge.background#779325
  • activityBarBadge.foreground#FAFBF9
  • button.background#779325
  • button.foreground#FAFBF9
  • button.hoverBackground#779325dd
  • editor.background#FAFBF9
  • editor.foreground#0e0f10
  • editor.inactiveSelectionBackground#8353212580
  • editor.lineHighlightBackground#E0D5B850
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83532125
  • editorCursor.foreground#779325
  • editorGroupHeader.tabsBackground#E0D5B8aa
  • editorLineNumber.activeForeground#779325
  • editorLineNumber.foreground#a8b35a80
  • focusBorder#779325
  • foreground#0e0f10
  • input.background#E0D5B8
  • input.border#00000015
  • input.foreground#0e0f10
  • input.placeholderForeground#0e0f1060
  • list.activeSelectionBackground#77932530
  • list.activeSelectionForeground#0e0f10
  • list.highlightForeground#779325
  • list.hoverBackground#E0D5B840
  • list.hoverForeground#0e0f10
  • list.inactiveSelectionBackground#77932515
  • list.inactiveSelectionForeground#0e0f10
  • selection.background#83532125
  • sideBar.background#E0D5B8
  • sideBar.border#00000015
  • sideBar.foreground#0e0f10
  • sideBarSectionHeader.background#E0D5B880
  • sideBarSectionHeader.foreground#0e0f10
  • sideBarTitle.foreground#779325
  • statusBar.background#FAFBF9
  • statusBar.border#00000015
  • statusBar.foreground#0e0f10
  • statusBar.noFolderBackground#FAFBF9
  • tab.activeBackground#FAFBF9
  • tab.activeBorderTop#779325
  • tab.activeForeground#0e0f10
  • tab.border#00000015
  • tab.inactiveBackground#FAFBF960
  • tab.inactiveForeground#0e0f1080
  • terminal.ansiBlack#0e0f10
  • terminal.ansiBlue#835321
  • terminal.ansiCyan#A33529
  • terminal.ansiGreen#779325
  • terminal.ansiMagenta#765C19
  • terminal.ansiRed#765C19
  • terminal.ansiWhite#0e0f10
  • terminal.ansiYellow#A33529
  • terminal.background#FAFBF9
  • terminal.foreground#0e0f10
  • titleBar.activeBackground#FAFBF9
  • titleBar.activeForeground#0e0f10
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAFBF9
  • titleBar.inactiveForeground#0e0f1060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a8b35aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835321bold
storage.type, storage.modifier#835321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#779325
string, punctuation.definition.string, string.template, meta.template.expression#A33529
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765C19
variable, variable.other.readwrite, variable.other.object#0e0f10
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0e0f10
variable.parameter, meta.parameter#0e0f10dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0e0f1080
keyword.operator#0e0f10
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A33529bold
entity.other.inherited-class#779325
entity.name.tag, punctuation.definition.tag#835321
entity.other.attribute-name#779325
meta.diff, meta.diff.header#a8b35a
markup.deleted#765C19
markup.inserted#779325
markup.changed#A33529
markup.heading, markup.heading.setext, punctuation.definition.heading#779325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A33529
string.other.link.title, string.other.link.description#779325
markup.underline.link#a8b35aunderline
punctuation.definition.list#835321
markup.quote, punctuation.definition.quote#a8b35aitalic