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#26302b
  • activityBar.border#ffffff15
  • activityBar.foreground#1e3a2f
  • activityBar.inactiveForeground#f2f4f160
  • activityBarBadge.background#1e3a2f
  • activityBarBadge.foreground#26302b
  • button.background#1e3a2f
  • button.foreground#26302b
  • button.hoverBackground#1e3a2fdd
  • editor.background#26302b
  • editor.foreground#f2f4f1
  • editor.inactiveSelectionBackground#2a33263580
  • editor.lineHighlightBackground#0f141140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2a332635
  • editorCursor.foreground#1e3a2f
  • editorGroupHeader.tabsBackground#26302bdd
  • editorLineNumber.activeForeground#1e3a2f
  • editorLineNumber.foreground#e6e9e680
  • focusBorder#1e3a2f
  • foreground#f2f4f1
  • input.background#0f1411
  • input.border#ffffff15
  • input.foreground#f2f4f1
  • input.placeholderForeground#f2f4f160
  • list.activeSelectionBackground#1e3a2f30
  • list.activeSelectionForeground#f2f4f1
  • list.highlightForeground#1e3a2f
  • list.hoverBackground#0f141140
  • list.hoverForeground#f2f4f1
  • list.inactiveSelectionBackground#1e3a2f15
  • list.inactiveSelectionForeground#f2f4f1
  • selection.background#2a332635
  • sideBar.background#0f1411
  • sideBar.border#ffffff15
  • sideBar.foreground#f2f4f1
  • sideBarSectionHeader.background#26302b80
  • sideBarSectionHeader.foreground#f2f4f1
  • sideBarTitle.foreground#1e3a2f
  • statusBar.background#26302b
  • statusBar.border#ffffff15
  • statusBar.foreground#f2f4f1
  • statusBar.noFolderBackground#26302b
  • tab.activeBackground#26302b
  • tab.activeBorderTop#1e3a2f
  • tab.activeForeground#f2f4f1
  • tab.border#ffffff15
  • tab.inactiveBackground#0f141160
  • tab.inactiveForeground#f2f4f180
  • terminal.ansiBlack#26302b
  • terminal.ansiBlue#2a3326
  • terminal.ansiCyan#9aa7a6
  • terminal.ansiGreen#1e3a2f
  • terminal.ansiMagenta#c8a670
  • terminal.ansiRed#c8a670
  • terminal.ansiWhite#f2f4f1
  • terminal.ansiYellow#9aa7a6
  • terminal.background#26302b
  • terminal.foreground#f2f4f1
  • titleBar.activeBackground#26302b
  • titleBar.activeForeground#f2f4f1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#26302b
  • titleBar.inactiveForeground#f2f4f160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e6e9e6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2a3326bold
storage.type, storage.modifier#2a3326italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#1e3a2f
string, punctuation.definition.string, string.template, meta.template.expression#9aa7a6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#c8a670
variable, variable.other.readwrite, variable.other.object#f2f4f1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f2f4f1
variable.parameter, meta.parameter#f2f4f1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f2f4f180
keyword.operator#f2f4f1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#9aa7a6bold
entity.other.inherited-class#1e3a2f
entity.name.tag, punctuation.definition.tag#2a3326
entity.other.attribute-name#1e3a2f
meta.diff, meta.diff.header#e6e9e6
markup.deleted#c8a670
markup.inserted#1e3a2f
markup.changed#9aa7a6
markup.heading, markup.heading.setext, punctuation.definition.heading#1e3a2fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#9aa7a6
string.other.link.title, string.other.link.description#1e3a2f
markup.underline.link#e6e9e6underline
punctuation.definition.list#2a3326
markup.quote, punctuation.definition.quote#e6e9e6italic
Morphous Theme by Ameyanagi - VS Code Theme