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#f0f1ea
  • activityBar.border#00000015
  • activityBar.foreground#9eae82
  • activityBar.inactiveForeground#1f252260
  • activityBarBadge.background#9eae82
  • activityBarBadge.foreground#f0f1ea
  • button.background#9eae82
  • button.foreground#f0f1ea
  • button.hoverBackground#9eae82dd
  • editor.background#f0f1ea
  • editor.foreground#1f2522
  • editor.inactiveSelectionBackground#8b90892580
  • editor.lineHighlightBackground#dedfd450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#8b908925
  • editorCursor.foreground#9eae82
  • editorGroupHeader.tabsBackground#dedfd4aa
  • editorLineNumber.activeForeground#9eae82
  • editorLineNumber.foreground#aeb2aa80
  • focusBorder#9eae82
  • foreground#1f2522
  • input.background#dedfd4
  • input.border#00000015
  • input.foreground#1f2522
  • input.placeholderForeground#1f252260
  • list.activeSelectionBackground#9eae8230
  • list.activeSelectionForeground#1f2522
  • list.highlightForeground#9eae82
  • list.hoverBackground#dedfd440
  • list.hoverForeground#1f2522
  • list.inactiveSelectionBackground#9eae8215
  • list.inactiveSelectionForeground#1f2522
  • selection.background#8b908925
  • sideBar.background#dedfd4
  • sideBar.border#00000015
  • sideBar.foreground#1f2522
  • sideBarSectionHeader.background#dedfd480
  • sideBarSectionHeader.foreground#1f2522
  • sideBarTitle.foreground#9eae82
  • statusBar.background#f0f1ea
  • statusBar.border#00000015
  • statusBar.foreground#1f2522
  • statusBar.noFolderBackground#f0f1ea
  • tab.activeBackground#f0f1ea
  • tab.activeBorderTop#9eae82
  • tab.activeForeground#1f2522
  • tab.border#00000015
  • tab.inactiveBackground#f0f1ea60
  • tab.inactiveForeground#1f252280
  • terminal.ansiBlack#1f2522
  • terminal.ansiBlue#8b9089
  • terminal.ansiCyan#c16a32
  • terminal.ansiGreen#9eae82
  • terminal.ansiMagenta#c8d5a7
  • terminal.ansiRed#c8d5a7
  • terminal.ansiWhite#1f2522
  • terminal.ansiYellow#c16a32
  • terminal.background#f0f1ea
  • terminal.foreground#1f2522
  • titleBar.activeBackground#f0f1ea
  • titleBar.activeForeground#1f2522
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f0f1ea
  • titleBar.inactiveForeground#1f252260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aeb2aaitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#8b9089bold
storage.type, storage.modifier#8b9089italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9eae82
string, punctuation.definition.string, string.template, meta.template.expression#c16a32
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c8d5a7
variable, variable.other.readwrite, variable.other.object#1f2522
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1f2522
variable.parameter, meta.parameter#1f2522dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1f252280
keyword.operator#1f2522
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#c16a32bold
entity.other.inherited-class#9eae82
entity.name.tag, punctuation.definition.tag#8b9089
entity.other.attribute-name#9eae82
meta.diff, meta.diff.header#aeb2aa
markup.deleted#c8d5a7
markup.inserted#9eae82
markup.changed#c16a32
markup.heading, markup.heading.setext, punctuation.definition.heading#9eae82bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#c16a32
string.other.link.title, string.other.link.description#9eae82
markup.underline.link#aeb2aaunderline
punctuation.definition.list#8b9089
markup.quote, punctuation.definition.quote#aeb2aaitalic
Morphous Theme by Ameyanagi - VS Code Theme