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#F6F7EA
  • activityBar.border#00000015
  • activityBar.foreground#2F7D32
  • activityBar.inactiveForeground#1E2D1B60
  • activityBarBadge.background#2F7D32
  • activityBarBadge.foreground#F6F7EA
  • button.background#2F7D32
  • button.foreground#F6F7EA
  • button.hoverBackground#2F7D32dd
  • editor.background#F6F7EA
  • editor.foreground#1E2D1B
  • editor.inactiveSelectionBackground#A7C9572580
  • editor.lineHighlightBackground#FFFDF450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A7C95725
  • editorCursor.foreground#2F7D32
  • editorGroupHeader.tabsBackground#FFFDF4aa
  • editorLineNumber.activeForeground#2F7D32
  • editorLineNumber.foreground#E8EDD780
  • focusBorder#2F7D32
  • foreground#1E2D1B
  • input.background#FFFDF4
  • input.border#00000015
  • input.foreground#1E2D1B
  • input.placeholderForeground#1E2D1B60
  • list.activeSelectionBackground#2F7D3230
  • list.activeSelectionForeground#1E2D1B
  • list.highlightForeground#2F7D32
  • list.hoverBackground#FFFDF440
  • list.hoverForeground#1E2D1B
  • list.inactiveSelectionBackground#2F7D3215
  • list.inactiveSelectionForeground#1E2D1B
  • selection.background#A7C95725
  • sideBar.background#FFFDF4
  • sideBar.border#00000015
  • sideBar.foreground#1E2D1B
  • sideBarSectionHeader.background#FFFDF480
  • sideBarSectionHeader.foreground#1E2D1B
  • sideBarTitle.foreground#2F7D32
  • statusBar.background#F6F7EA
  • statusBar.border#00000015
  • statusBar.foreground#1E2D1B
  • statusBar.noFolderBackground#F6F7EA
  • tab.activeBackground#F6F7EA
  • tab.activeBorderTop#2F7D32
  • tab.activeForeground#1E2D1B
  • tab.border#00000015
  • tab.inactiveBackground#F6F7EA60
  • tab.inactiveForeground#1E2D1B80
  • terminal.ansiBlack#1E2D1B
  • terminal.ansiBlue#A7C957
  • terminal.ansiCyan#DDE8B5
  • terminal.ansiGreen#2F7D32
  • terminal.ansiMagenta#8A4F2B
  • terminal.ansiRed#8A4F2B
  • terminal.ansiWhite#1E2D1B
  • terminal.ansiYellow#DDE8B5
  • terminal.background#F6F7EA
  • terminal.foreground#1E2D1B
  • titleBar.activeBackground#F6F7EA
  • titleBar.activeForeground#1E2D1B
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F6F7EA
  • titleBar.inactiveForeground#1E2D1B60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8EDD7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A7C957bold
storage.type, storage.modifier#A7C957italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2F7D32
string, punctuation.definition.string, string.template, meta.template.expression#DDE8B5
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#8A4F2B
variable, variable.other.readwrite, variable.other.object#1E2D1B
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E2D1B
variable.parameter, meta.parameter#1E2D1Bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E2D1B80
keyword.operator#1E2D1B
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#DDE8B5bold
entity.other.inherited-class#2F7D32
entity.name.tag, punctuation.definition.tag#A7C957
entity.other.attribute-name#2F7D32
meta.diff, meta.diff.header#E8EDD7
markup.deleted#8A4F2B
markup.inserted#2F7D32
markup.changed#DDE8B5
markup.heading, markup.heading.setext, punctuation.definition.heading#2F7D32bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#DDE8B5
string.other.link.title, string.other.link.description#2F7D32
markup.underline.link#E8EDD7underline
punctuation.definition.list#A7C957
markup.quote, punctuation.definition.quote#E8EDD7italic
Morphous Theme by Ameyanagi - VS Code Theme