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#F7F9F7
  • activityBar.border#00000015
  • activityBar.foreground#0F3D2E
  • activityBar.inactiveForeground#08131060
  • activityBarBadge.background#0F3D2E
  • activityBarBadge.foreground#F7F9F7
  • button.background#0F3D2E
  • button.foreground#F7F9F7
  • button.hoverBackground#0F3D2Edd
  • editor.background#F7F9F7
  • editor.foreground#081310
  • editor.inactiveSelectionBackground#DDE6D82580
  • editor.lineHighlightBackground#EEF2EE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#DDE6D825
  • editorCursor.foreground#0F3D2E
  • editorGroupHeader.tabsBackground#EEF2EEaa
  • editorLineNumber.activeForeground#0F3D2E
  • editorLineNumber.foreground#6F8F7A80
  • focusBorder#0F3D2E
  • foreground#081310
  • input.background#EEF2EE
  • input.border#00000015
  • input.foreground#081310
  • input.placeholderForeground#08131060
  • list.activeSelectionBackground#0F3D2E30
  • list.activeSelectionForeground#081310
  • list.highlightForeground#0F3D2E
  • list.hoverBackground#EEF2EE40
  • list.hoverForeground#081310
  • list.inactiveSelectionBackground#0F3D2E15
  • list.inactiveSelectionForeground#081310
  • selection.background#DDE6D825
  • sideBar.background#EEF2EE
  • sideBar.border#00000015
  • sideBar.foreground#081310
  • sideBarSectionHeader.background#EEF2EE80
  • sideBarSectionHeader.foreground#081310
  • sideBarTitle.foreground#0F3D2E
  • statusBar.background#F7F9F7
  • statusBar.border#00000015
  • statusBar.foreground#081310
  • statusBar.noFolderBackground#F7F9F7
  • tab.activeBackground#F7F9F7
  • tab.activeBorderTop#0F3D2E
  • tab.activeForeground#081310
  • tab.border#00000015
  • tab.inactiveBackground#F7F9F760
  • tab.inactiveForeground#08131080
  • terminal.ansiBlack#081310
  • terminal.ansiBlue#DDE6D8
  • terminal.ansiCyan#A7E06E
  • terminal.ansiGreen#0F3D2E
  • terminal.ansiMagenta#C6B66E
  • terminal.ansiRed#C6B66E
  • terminal.ansiWhite#081310
  • terminal.ansiYellow#A7E06E
  • terminal.background#F7F9F7
  • terminal.foreground#081310
  • titleBar.activeBackground#F7F9F7
  • titleBar.activeForeground#081310
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F9F7
  • titleBar.inactiveForeground#08131060
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6F8F7Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#DDE6D8bold
storage.type, storage.modifier#DDE6D8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#0F3D2E
string, punctuation.definition.string, string.template, meta.template.expression#A7E06E
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C6B66E
variable, variable.other.readwrite, variable.other.object#081310
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#081310
variable.parameter, meta.parameter#081310dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#08131080
keyword.operator#081310
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A7E06Ebold
entity.other.inherited-class#0F3D2E
entity.name.tag, punctuation.definition.tag#DDE6D8
entity.other.attribute-name#0F3D2E
meta.diff, meta.diff.header#6F8F7A
markup.deleted#C6B66E
markup.inserted#0F3D2E
markup.changed#A7E06E
markup.heading, markup.heading.setext, punctuation.definition.heading#0F3D2Ebold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A7E06E
string.other.link.title, string.other.link.description#0F3D2E
markup.underline.link#6F8F7Aunderline
punctuation.definition.list#DDE6D8
markup.quote, punctuation.definition.quote#6F8F7Aitalic
Morphous Theme by Ameyanagi - VS Code Theme