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#EFE7D1
  • activityBar.border#00000015
  • activityBar.foreground#2E7D32
  • activityBar.inactiveForeground#0B0F0C60
  • activityBarBadge.background#2E7D32
  • activityBarBadge.foreground#EFE7D1
  • button.background#2E7D32
  • button.foreground#EFE7D1
  • button.hoverBackground#2E7D32dd
  • editor.background#EFE7D1
  • editor.foreground#0B0F0C
  • editor.inactiveSelectionBackground#5D91472580
  • editor.lineHighlightBackground#F8F1E150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5D914725
  • editorCursor.foreground#2E7D32
  • editorGroupHeader.tabsBackground#F8F1E1aa
  • editorLineNumber.activeForeground#2E7D32
  • editorLineNumber.foreground#DDE5DE80
  • focusBorder#2E7D32
  • foreground#0B0F0C
  • input.background#F8F1E1
  • input.border#00000015
  • input.foreground#0B0F0C
  • input.placeholderForeground#0B0F0C60
  • list.activeSelectionBackground#2E7D3230
  • list.activeSelectionForeground#0B0F0C
  • list.highlightForeground#2E7D32
  • list.hoverBackground#F8F1E140
  • list.hoverForeground#0B0F0C
  • list.inactiveSelectionBackground#2E7D3215
  • list.inactiveSelectionForeground#0B0F0C
  • selection.background#5D914725
  • sideBar.background#F8F1E1
  • sideBar.border#00000015
  • sideBar.foreground#0B0F0C
  • sideBarSectionHeader.background#F8F1E180
  • sideBarSectionHeader.foreground#0B0F0C
  • sideBarTitle.foreground#2E7D32
  • statusBar.background#EFE7D1
  • statusBar.border#00000015
  • statusBar.foreground#0B0F0C
  • statusBar.noFolderBackground#EFE7D1
  • tab.activeBackground#EFE7D1
  • tab.activeBorderTop#2E7D32
  • tab.activeForeground#0B0F0C
  • tab.border#00000015
  • tab.inactiveBackground#EFE7D160
  • tab.inactiveForeground#0B0F0C80
  • terminal.ansiBlack#0B0F0C
  • terminal.ansiBlue#5D9147
  • terminal.ansiCyan#7FDF75
  • terminal.ansiGreen#2E7D32
  • terminal.ansiMagenta#C9A44E
  • terminal.ansiRed#C9A44E
  • terminal.ansiWhite#0B0F0C
  • terminal.ansiYellow#7FDF75
  • terminal.background#EFE7D1
  • terminal.foreground#0B0F0C
  • titleBar.activeBackground#EFE7D1
  • titleBar.activeForeground#0B0F0C
  • titleBar.border#00000015
  • titleBar.inactiveBackground#EFE7D1
  • titleBar.inactiveForeground#0B0F0C60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#DDE5DEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5D9147bold
storage.type, storage.modifier#5D9147italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2E7D32
string, punctuation.definition.string, string.template, meta.template.expression#7FDF75
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C9A44E
variable, variable.other.readwrite, variable.other.object#0B0F0C
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0B0F0C
variable.parameter, meta.parameter#0B0F0Cdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0B0F0C80
keyword.operator#0B0F0C
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7FDF75bold
entity.other.inherited-class#2E7D32
entity.name.tag, punctuation.definition.tag#5D9147
entity.other.attribute-name#2E7D32
meta.diff, meta.diff.header#DDE5DE
markup.deleted#C9A44E
markup.inserted#2E7D32
markup.changed#7FDF75
markup.heading, markup.heading.setext, punctuation.definition.heading#2E7D32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7FDF75
string.other.link.title, string.other.link.description#2E7D32
markup.underline.link#DDE5DEunderline
punctuation.definition.list#5D9147
markup.quote, punctuation.definition.quote#DDE5DEitalic
Morphous Theme by Ameyanagi - VS Code Theme