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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#399325
  • activityBar.inactiveForeground#17202760
  • activityBarBadge.background#399325
  • activityBarBadge.foreground#FCFDFC
  • button.background#399325
  • button.foreground#FCFDFC
  • button.hoverBackground#399325dd
  • editor.background#FCFDFC
  • editor.foreground#172027
  • editor.inactiveSelectionBackground#215F832580
  • editor.lineHighlightBackground#BEC6AE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#215F8325
  • editorCursor.foreground#399325
  • editorGroupHeader.tabsBackground#BEC6AEaa
  • editorLineNumber.activeForeground#399325
  • editorLineNumber.foreground#E4DED280
  • focusBorder#399325
  • foreground#172027
  • input.background#BEC6AE
  • input.border#00000015
  • input.foreground#172027
  • input.placeholderForeground#17202760
  • list.activeSelectionBackground#39932530
  • list.activeSelectionForeground#172027
  • list.highlightForeground#399325
  • list.hoverBackground#BEC6AE40
  • list.hoverForeground#172027
  • list.inactiveSelectionBackground#39932515
  • list.inactiveSelectionForeground#172027
  • selection.background#215F8325
  • sideBar.background#BEC6AE
  • sideBar.border#00000015
  • sideBar.foreground#172027
  • sideBarSectionHeader.background#BEC6AE80
  • sideBarSectionHeader.foreground#172027
  • sideBarTitle.foreground#399325
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#172027
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#399325
  • tab.activeForeground#172027
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#17202780
  • terminal.ansiBlack#172027
  • terminal.ansiBlue#215F83
  • terminal.ansiCyan#A37A29
  • terminal.ansiGreen#399325
  • terminal.ansiMagenta#195576
  • terminal.ansiRed#195576
  • terminal.ansiWhite#172027
  • terminal.ansiYellow#A37A29
  • terminal.background#FCFDFC
  • terminal.foreground#172027
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#172027
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#17202760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E4DED2italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#215F83bold
storage.type, storage.modifier#215F83italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#399325
string, punctuation.definition.string, string.template, meta.template.expression#A37A29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#195576
variable, variable.other.readwrite, variable.other.object#172027
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#172027
variable.parameter, meta.parameter#172027dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#17202780
keyword.operator#172027
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37A29bold
entity.other.inherited-class#399325
entity.name.tag, punctuation.definition.tag#215F83
entity.other.attribute-name#399325
meta.diff, meta.diff.header#E4DED2
markup.deleted#195576
markup.inserted#399325
markup.changed#A37A29
markup.heading, markup.heading.setext, punctuation.definition.heading#399325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37A29
string.other.link.title, string.other.link.description#399325
markup.underline.link#E4DED2underline
punctuation.definition.list#215F83
markup.quote, punctuation.definition.quote#E4DED2italic