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#25934B
  • activityBar.inactiveForeground#1c1d1860
  • activityBarBadge.background#25934B
  • activityBarBadge.foreground#FEFDFB
  • button.background#25934B
  • button.foreground#FEFDFB
  • button.hoverBackground#25934Bdd
  • editor.background#FEFDFB
  • editor.foreground#1c1d18
  • editor.inactiveSelectionBackground#21833B2580
  • editor.lineHighlightBackground#F9F7F150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21833B25
  • editorCursor.foreground#25934B
  • editorGroupHeader.tabsBackground#F9F7F1aa
  • editorLineNumber.activeForeground#25934B
  • editorLineNumber.foreground#a8bc8f80
  • focusBorder#25934B
  • foreground#1c1d18
  • input.background#F9F7F1
  • input.border#00000015
  • input.foreground#1c1d18
  • input.placeholderForeground#1c1d1860
  • list.activeSelectionBackground#25934B30
  • list.activeSelectionForeground#1c1d18
  • list.highlightForeground#25934B
  • list.hoverBackground#F9F7F140
  • list.hoverForeground#1c1d18
  • list.inactiveSelectionBackground#25934B15
  • list.inactiveSelectionForeground#1c1d18
  • selection.background#21833B25
  • sideBar.background#F9F7F1
  • sideBar.border#00000015
  • sideBar.foreground#1c1d18
  • sideBarSectionHeader.background#F9F7F180
  • sideBarSectionHeader.foreground#1c1d18
  • sideBarTitle.foreground#25934B
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#1c1d18
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#25934B
  • tab.activeForeground#1c1d18
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#1c1d1880
  • terminal.ansiBlack#1c1d18
  • terminal.ansiBlue#21833B
  • terminal.ansiCyan#8BA329
  • terminal.ansiGreen#25934B
  • terminal.ansiMagenta#765119
  • terminal.ansiRed#765119
  • terminal.ansiWhite#1c1d18
  • terminal.ansiYellow#8BA329
  • terminal.background#FEFDFB
  • terminal.foreground#1c1d18
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#1c1d18
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#1c1d1860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a8bc8fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21833Bbold
storage.type, storage.modifier#21833Bitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25934B
string, punctuation.definition.string, string.template, meta.template.expression#8BA329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765119
variable, variable.other.readwrite, variable.other.object#1c1d18
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1c1d18
variable.parameter, meta.parameter#1c1d18dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1c1d1880
keyword.operator#1c1d18
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8BA329bold
entity.other.inherited-class#25934B
entity.name.tag, punctuation.definition.tag#21833B
entity.other.attribute-name#25934B
meta.diff, meta.diff.header#a8bc8f
markup.deleted#765119
markup.inserted#25934B
markup.changed#8BA329
markup.heading, markup.heading.setext, punctuation.definition.heading#25934Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8BA329
string.other.link.title, string.other.link.description#25934B
markup.underline.link#a8bc8funderline
punctuation.definition.list#21833B
markup.quote, punctuation.definition.quote#a8bc8fitalic