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#FFFEFA
  • activityBar.border#00000015
  • activityBar.foreground#259337
  • activityBar.inactiveForeground#08122060
  • activityBarBadge.background#259337
  • activityBarBadge.foreground#FFFEFA
  • button.background#259337
  • button.foreground#FFFEFA
  • button.hoverBackground#259337dd
  • editor.background#FFFEFA
  • editor.foreground#081220
  • editor.inactiveSelectionBackground#8364212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83642125
  • editorCursor.foreground#259337
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#259337
  • editorLineNumber.foreground#F4F6FA80
  • focusBorder#259337
  • foreground#081220
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#081220
  • input.placeholderForeground#08122060
  • list.activeSelectionBackground#25933730
  • list.activeSelectionForeground#081220
  • list.highlightForeground#259337
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#081220
  • list.inactiveSelectionBackground#25933715
  • list.inactiveSelectionForeground#081220
  • selection.background#83642125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#081220
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#081220
  • sideBarTitle.foreground#259337
  • statusBar.background#FFFEFA
  • statusBar.border#00000015
  • statusBar.foreground#081220
  • statusBar.noFolderBackground#FFFEFA
  • tab.activeBackground#FFFEFA
  • tab.activeBorderTop#259337
  • tab.activeForeground#081220
  • tab.border#00000015
  • tab.inactiveBackground#FFFEFA60
  • tab.inactiveForeground#08122080
  • terminal.ansiBlack#081220
  • terminal.ansiBlue#836421
  • terminal.ansiCyan#2956A3
  • terminal.ansiGreen#259337
  • terminal.ansiMagenta#765819
  • terminal.ansiRed#765819
  • terminal.ansiWhite#081220
  • terminal.ansiYellow#2956A3
  • terminal.background#FFFEFA
  • terminal.foreground#081220
  • titleBar.activeBackground#FFFEFA
  • titleBar.activeForeground#081220
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFFEFA
  • titleBar.inactiveForeground#08122060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F4F6FAitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836421bold
storage.type, storage.modifier#836421italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#259337
string, punctuation.definition.string, string.template, meta.template.expression#2956A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765819
variable, variable.other.readwrite, variable.other.object#081220
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#081220
variable.parameter, meta.parameter#081220dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#08122080
keyword.operator#081220
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2956A3bold
entity.other.inherited-class#259337
entity.name.tag, punctuation.definition.tag#836421
entity.other.attribute-name#259337
meta.diff, meta.diff.header#F4F6FA
markup.deleted#765819
markup.inserted#259337
markup.changed#2956A3
markup.heading, markup.heading.setext, punctuation.definition.heading#259337bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2956A3
string.other.link.title, string.other.link.description#259337
markup.underline.link#F4F6FAunderline
punctuation.definition.list#836421
markup.quote, punctuation.definition.quote#F4F6FAitalic
Morphous Theme by Ameyanagi - VS Code Theme