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#619325
  • activityBar.inactiveForeground#0e282860
  • activityBarBadge.background#619325
  • activityBarBadge.foreground#FCFDFC
  • button.background#619325
  • button.foreground#FCFDFC
  • button.hoverBackground#619325dd
  • editor.background#FCFDFC
  • editor.foreground#0e2828
  • editor.inactiveSelectionBackground#6483212580
  • editor.lineHighlightBackground#F0F4F150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#64832125
  • editorCursor.foreground#619325
  • editorGroupHeader.tabsBackground#F0F4F1aa
  • editorLineNumber.activeForeground#619325
  • editorLineNumber.foreground#d7dfd180
  • focusBorder#619325
  • foreground#0e2828
  • input.background#F0F4F1
  • input.border#00000015
  • input.foreground#0e2828
  • input.placeholderForeground#0e282860
  • list.activeSelectionBackground#61932530
  • list.activeSelectionForeground#0e2828
  • list.highlightForeground#619325
  • list.hoverBackground#F0F4F140
  • list.hoverForeground#0e2828
  • list.inactiveSelectionBackground#61932515
  • list.inactiveSelectionForeground#0e2828
  • selection.background#64832125
  • sideBar.background#F0F4F1
  • sideBar.border#00000015
  • sideBar.foreground#0e2828
  • sideBarSectionHeader.background#F0F4F180
  • sideBarSectionHeader.foreground#0e2828
  • sideBarTitle.foreground#619325
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#0e2828
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#619325
  • tab.activeForeground#0e2828
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#0e282880
  • terminal.ansiBlack#0e2828
  • terminal.ansiBlue#648321
  • terminal.ansiCyan#29A3A1
  • terminal.ansiGreen#619325
  • terminal.ansiMagenta#6D7619
  • terminal.ansiRed#6D7619
  • terminal.ansiWhite#0e2828
  • terminal.ansiYellow#29A3A1
  • terminal.background#FCFDFC
  • terminal.foreground#0e2828
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#0e2828
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#0e282860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7dfd1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#648321bold
storage.type, storage.modifier#648321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#619325
string, punctuation.definition.string, string.template, meta.template.expression#29A3A1
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6D7619
variable, variable.other.readwrite, variable.other.object#0e2828
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0e2828
variable.parameter, meta.parameter#0e2828dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0e282880
keyword.operator#0e2828
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A3A1bold
entity.other.inherited-class#619325
entity.name.tag, punctuation.definition.tag#648321
entity.other.attribute-name#619325
meta.diff, meta.diff.header#d7dfd1
markup.deleted#6D7619
markup.inserted#619325
markup.changed#29A3A1
markup.heading, markup.heading.setext, punctuation.definition.heading#619325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A3A1
string.other.link.title, string.other.link.description#619325
markup.underline.link#d7dfd1underline
punctuation.definition.list#648321
markup.quote, punctuation.definition.quote#d7dfd1italic
Morphous Theme by Ameyanagi - VS Code Theme