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#25934F
  • activityBar.inactiveForeground#080D0C60
  • activityBarBadge.background#25934F
  • activityBarBadge.foreground#FCFDFC
  • button.background#25934F
  • button.foreground#FCFDFC
  • button.hoverBackground#25934Fdd
  • editor.background#FCFDFC
  • editor.foreground#080D0C
  • editor.inactiveSelectionBackground#5283212580
  • editor.lineHighlightBackground#E0E4E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#52832125
  • editorCursor.foreground#25934F
  • editorGroupHeader.tabsBackground#E0E4E6aa
  • editorLineNumber.activeForeground#25934F
  • editorLineNumber.foreground#E7EBED80
  • focusBorder#25934F
  • foreground#080D0C
  • input.background#E0E4E6
  • input.border#00000015
  • input.foreground#080D0C
  • input.placeholderForeground#080D0C60
  • list.activeSelectionBackground#25934F30
  • list.activeSelectionForeground#080D0C
  • list.highlightForeground#25934F
  • list.hoverBackground#E0E4E640
  • list.hoverForeground#080D0C
  • list.inactiveSelectionBackground#25934F15
  • list.inactiveSelectionForeground#080D0C
  • selection.background#52832125
  • sideBar.background#E0E4E6
  • sideBar.border#00000015
  • sideBar.foreground#080D0C
  • sideBarSectionHeader.background#E0E4E680
  • sideBarSectionHeader.foreground#080D0C
  • sideBarTitle.foreground#25934F
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#080D0C
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#25934F
  • tab.activeForeground#080D0C
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#080D0C80
  • terminal.ansiBlack#080D0C
  • terminal.ansiBlue#528321
  • terminal.ansiCyan#39A329
  • terminal.ansiGreen#25934F
  • terminal.ansiMagenta#765819
  • terminal.ansiRed#765819
  • terminal.ansiWhite#080D0C
  • terminal.ansiYellow#39A329
  • terminal.background#FCFDFC
  • terminal.foreground#080D0C
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#080D0C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#080D0C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E7EBEDitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#528321bold
storage.type, storage.modifier#528321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25934F
string, punctuation.definition.string, string.template, meta.template.expression#39A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765819
variable, variable.other.readwrite, variable.other.object#080D0C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#080D0C
variable.parameter, meta.parameter#080D0Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#080D0C80
keyword.operator#080D0C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#39A329bold
entity.other.inherited-class#25934F
entity.name.tag, punctuation.definition.tag#528321
entity.other.attribute-name#25934F
meta.diff, meta.diff.header#E7EBED
markup.deleted#765819
markup.inserted#25934F
markup.changed#39A329
markup.heading, markup.heading.setext, punctuation.definition.heading#25934Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#39A329
string.other.link.title, string.other.link.description#25934F
markup.underline.link#E7EBEDunderline
punctuation.definition.list#528321
markup.quote, punctuation.definition.quote#E7EBEDitalic
Morphous Theme by Ameyanagi - VS Code Theme