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#386339
  • activityBar.border#ffffff15
  • activityBar.foreground#4F7B4A
  • activityBar.inactiveForeground#F7F8F460
  • activityBarBadge.background#4F7B4A
  • activityBarBadge.foreground#386339
  • button.background#4F7B4A
  • button.foreground#386339
  • button.hoverBackground#4F7B4Add
  • editor.background#386339
  • editor.foreground#F7F8F4
  • editor.inactiveSelectionBackground#E6F1E63580
  • editor.lineHighlightBackground#2B2F2D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#E6F1E635
  • editorCursor.foreground#4F7B4A
  • editorGroupHeader.tabsBackground#386339dd
  • editorLineNumber.activeForeground#4F7B4A
  • editorLineNumber.foreground#D7DED680
  • focusBorder#4F7B4A
  • foreground#F7F8F4
  • input.background#2B2F2D
  • input.border#ffffff15
  • input.foreground#F7F8F4
  • input.placeholderForeground#F7F8F460
  • list.activeSelectionBackground#4F7B4A30
  • list.activeSelectionForeground#F7F8F4
  • list.highlightForeground#4F7B4A
  • list.hoverBackground#2B2F2D40
  • list.hoverForeground#F7F8F4
  • list.inactiveSelectionBackground#4F7B4A15
  • list.inactiveSelectionForeground#F7F8F4
  • selection.background#E6F1E635
  • sideBar.background#2B2F2D
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F8F4
  • sideBarSectionHeader.background#38633980
  • sideBarSectionHeader.foreground#F7F8F4
  • sideBarTitle.foreground#4F7B4A
  • statusBar.background#386339
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F8F4
  • statusBar.noFolderBackground#386339
  • tab.activeBackground#386339
  • tab.activeBorderTop#4F7B4A
  • tab.activeForeground#F7F8F4
  • tab.border#ffffff15
  • tab.inactiveBackground#2B2F2D60
  • tab.inactiveForeground#F7F8F480
  • terminal.ansiBlack#386339
  • terminal.ansiBlue#E6F1E6
  • terminal.ansiCyan#7BAE6B
  • terminal.ansiGreen#4F7B4A
  • terminal.ansiMagenta#6E564E
  • terminal.ansiRed#6E564E
  • terminal.ansiWhite#F7F8F4
  • terminal.ansiYellow#7BAE6B
  • terminal.background#386339
  • terminal.foreground#F7F8F4
  • titleBar.activeBackground#386339
  • titleBar.activeForeground#F7F8F4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#386339
  • titleBar.inactiveForeground#F7F8F460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D7DED6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#E6F1E6bold
storage.type, storage.modifier#E6F1E6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#4F7B4A
string, punctuation.definition.string, string.template, meta.template.expression#7BAE6B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#6E564E
variable, variable.other.readwrite, variable.other.object#F7F8F4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F8F4
variable.parameter, meta.parameter#F7F8F4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F8F480
keyword.operator#F7F8F4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7BAE6Bbold
entity.other.inherited-class#4F7B4A
entity.name.tag, punctuation.definition.tag#E6F1E6
entity.other.attribute-name#4F7B4A
meta.diff, meta.diff.header#D7DED6
markup.deleted#6E564E
markup.inserted#4F7B4A
markup.changed#7BAE6B
markup.heading, markup.heading.setext, punctuation.definition.heading#4F7B4Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7BAE6B
string.other.link.title, string.other.link.description#4F7B4A
markup.underline.link#D7DED6underline
punctuation.definition.list#E6F1E6
markup.quote, punctuation.definition.quote#D7DED6italic
Morphous Theme by Ameyanagi - VS Code Theme