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#F3EDDD
  • activityBar.border#00000015
  • activityBar.foreground#25932A
  • activityBar.inactiveForeground#0B0F0C60
  • activityBarBadge.background#25932A
  • activityBarBadge.foreground#F3EDDD
  • button.background#25932A
  • button.foreground#F3EDDD
  • button.hoverBackground#25932Add
  • editor.background#F3EDDD
  • editor.foreground#0B0F0C
  • editor.inactiveSelectionBackground#3E83212580
  • editor.lineHighlightBackground#FBF7EE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#3E832125
  • editorCursor.foreground#25932A
  • editorGroupHeader.tabsBackground#FBF7EEaa
  • editorLineNumber.activeForeground#25932A
  • editorLineNumber.foreground#DDE5DE80
  • focusBorder#25932A
  • foreground#0B0F0C
  • input.background#FBF7EE
  • input.border#00000015
  • input.foreground#0B0F0C
  • input.placeholderForeground#0B0F0C60
  • list.activeSelectionBackground#25932A30
  • list.activeSelectionForeground#0B0F0C
  • list.highlightForeground#25932A
  • list.hoverBackground#FBF7EE40
  • list.hoverForeground#0B0F0C
  • list.inactiveSelectionBackground#25932A15
  • list.inactiveSelectionForeground#0B0F0C
  • selection.background#3E832125
  • sideBar.background#FBF7EE
  • sideBar.border#00000015
  • sideBar.foreground#0B0F0C
  • sideBarSectionHeader.background#FBF7EE80
  • sideBarSectionHeader.foreground#0B0F0C
  • sideBarTitle.foreground#25932A
  • statusBar.background#F3EDDD
  • statusBar.border#00000015
  • statusBar.foreground#0B0F0C
  • statusBar.noFolderBackground#F3EDDD
  • tab.activeBackground#F3EDDD
  • tab.activeBorderTop#25932A
  • tab.activeForeground#0B0F0C
  • tab.border#00000015
  • tab.inactiveBackground#F3EDDD60
  • tab.inactiveForeground#0B0F0C80
  • terminal.ansiBlack#0B0F0C
  • terminal.ansiBlue#3E8321
  • terminal.ansiCyan#35A329
  • terminal.ansiGreen#25932A
  • terminal.ansiMagenta#765A19
  • terminal.ansiRed#765A19
  • terminal.ansiWhite#0B0F0C
  • terminal.ansiYellow#35A329
  • terminal.background#F3EDDD
  • terminal.foreground#0B0F0C
  • titleBar.activeBackground#F3EDDD
  • titleBar.activeForeground#0B0F0C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F3EDDD
  • titleBar.inactiveForeground#0B0F0C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DDE5DEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#3E8321bold
storage.type, storage.modifier#3E8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25932A
string, punctuation.definition.string, string.template, meta.template.expression#35A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765A19
variable, variable.other.readwrite, variable.other.object#0B0F0C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B0F0C
variable.parameter, meta.parameter#0B0F0Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B0F0C80
keyword.operator#0B0F0C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#35A329bold
entity.other.inherited-class#25932A
entity.name.tag, punctuation.definition.tag#3E8321
entity.other.attribute-name#25932A
meta.diff, meta.diff.header#DDE5DE
markup.deleted#765A19
markup.inserted#25932A
markup.changed#35A329
markup.heading, markup.heading.setext, punctuation.definition.heading#25932Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#35A329
string.other.link.title, string.other.link.description#25932A
markup.underline.link#DDE5DEunderline
punctuation.definition.list#3E8321
markup.quote, punctuation.definition.quote#DDE5DEitalic