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#FAF9F5
  • activityBar.border#00000015
  • activityBar.foreground#729325
  • activityBar.inactiveForeground#3E454C60
  • activityBarBadge.background#729325
  • activityBarBadge.foreground#FAF9F5
  • button.background#729325
  • button.foreground#FAF9F5
  • button.hoverBackground#729325dd
  • editor.background#FAF9F5
  • editor.foreground#3E454C
  • editor.inactiveSelectionBackground#8367212580
  • editor.lineHighlightBackground#F9F9F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83672125
  • editorCursor.foreground#729325
  • editorGroupHeader.tabsBackground#F9F9F6aa
  • editorLineNumber.activeForeground#729325
  • editorLineNumber.foreground#A7ACB280
  • focusBorder#729325
  • foreground#3E454C
  • input.background#F9F9F6
  • input.border#00000015
  • input.foreground#3E454C
  • input.placeholderForeground#3E454C60
  • list.activeSelectionBackground#72932530
  • list.activeSelectionForeground#3E454C
  • list.highlightForeground#729325
  • list.hoverBackground#F9F9F640
  • list.hoverForeground#3E454C
  • list.inactiveSelectionBackground#72932515
  • list.inactiveSelectionForeground#3E454C
  • selection.background#83672125
  • sideBar.background#F9F9F6
  • sideBar.border#00000015
  • sideBar.foreground#3E454C
  • sideBarSectionHeader.background#F9F9F680
  • sideBarSectionHeader.foreground#3E454C
  • sideBarTitle.foreground#729325
  • statusBar.background#FAF9F5
  • statusBar.border#00000015
  • statusBar.foreground#3E454C
  • statusBar.noFolderBackground#FAF9F5
  • tab.activeBackground#FAF9F5
  • tab.activeBorderTop#729325
  • tab.activeForeground#3E454C
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F560
  • tab.inactiveForeground#3E454C80
  • terminal.ansiBlack#3E454C
  • terminal.ansiBlue#836721
  • terminal.ansiCyan#2970A3
  • terminal.ansiGreen#729325
  • terminal.ansiMagenta#194376
  • terminal.ansiRed#194376
  • terminal.ansiWhite#3E454C
  • terminal.ansiYellow#2970A3
  • terminal.background#FAF9F5
  • terminal.foreground#3E454C
  • titleBar.activeBackground#FAF9F5
  • titleBar.activeForeground#3E454C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F5
  • titleBar.inactiveForeground#3E454C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A7ACB2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836721bold
storage.type, storage.modifier#836721italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#729325
string, punctuation.definition.string, string.template, meta.template.expression#2970A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#194376
variable, variable.other.readwrite, variable.other.object#3E454C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3E454C
variable.parameter, meta.parameter#3E454Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3E454C80
keyword.operator#3E454C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2970A3bold
entity.other.inherited-class#729325
entity.name.tag, punctuation.definition.tag#836721
entity.other.attribute-name#729325
meta.diff, meta.diff.header#A7ACB2
markup.deleted#194376
markup.inserted#729325
markup.changed#2970A3
markup.heading, markup.heading.setext, punctuation.definition.heading#729325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2970A3
string.other.link.title, string.other.link.description#729325
markup.underline.link#A7ACB2underline
punctuation.definition.list#836721
markup.quote, punctuation.definition.quote#A7ACB2italic