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#409325
  • activityBar.inactiveForeground#2B2F3360
  • activityBarBadge.background#409325
  • activityBarBadge.foreground#FEFDFB
  • button.background#409325
  • button.foreground#FEFDFB
  • button.hoverBackground#409325dd
  • editor.background#FEFDFB
  • editor.foreground#2B2F33
  • editor.inactiveSelectionBackground#3683212580
  • editor.lineHighlightBackground#FBF9F450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#36832125
  • editorCursor.foreground#409325
  • editorGroupHeader.tabsBackground#FBF9F4aa
  • editorLineNumber.activeForeground#409325
  • editorLineNumber.foreground#EADFC680
  • focusBorder#409325
  • foreground#2B2F33
  • input.background#FBF9F4
  • input.border#00000015
  • input.foreground#2B2F33
  • input.placeholderForeground#2B2F3360
  • list.activeSelectionBackground#40932530
  • list.activeSelectionForeground#2B2F33
  • list.highlightForeground#409325
  • list.hoverBackground#FBF9F440
  • list.hoverForeground#2B2F33
  • list.inactiveSelectionBackground#40932515
  • list.inactiveSelectionForeground#2B2F33
  • selection.background#36832125
  • sideBar.background#FBF9F4
  • sideBar.border#00000015
  • sideBar.foreground#2B2F33
  • sideBarSectionHeader.background#FBF9F480
  • sideBarSectionHeader.foreground#2B2F33
  • sideBarTitle.foreground#409325
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#2B2F33
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#409325
  • tab.activeForeground#2B2F33
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#2B2F3380
  • terminal.ansiBlack#2B2F33
  • terminal.ansiBlue#368321
  • terminal.ansiCyan#296CA3
  • terminal.ansiGreen#409325
  • terminal.ansiMagenta#765F19
  • terminal.ansiRed#765F19
  • terminal.ansiWhite#2B2F33
  • terminal.ansiYellow#296CA3
  • terminal.background#FEFDFB
  • terminal.foreground#2B2F33
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#2B2F33
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#2B2F3360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EADFC6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#368321bold
storage.type, storage.modifier#368321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#409325
string, punctuation.definition.string, string.template, meta.template.expression#296CA3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765F19
variable, variable.other.readwrite, variable.other.object#2B2F33
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#2B2F33
variable.parameter, meta.parameter#2B2F33dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#2B2F3380
keyword.operator#2B2F33
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#296CA3bold
entity.other.inherited-class#409325
entity.name.tag, punctuation.definition.tag#368321
entity.other.attribute-name#409325
meta.diff, meta.diff.header#EADFC6
markup.deleted#765F19
markup.inserted#409325
markup.changed#296CA3
markup.heading, markup.heading.setext, punctuation.definition.heading#409325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#296CA3
string.other.link.title, string.other.link.description#409325
markup.underline.link#EADFC6underline
punctuation.definition.list#368321
markup.quote, punctuation.definition.quote#EADFC6italic