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#3b3028
  • activityBar.border#ffffff15
  • activityBar.foreground#9da09a
  • activityBar.inactiveForeground#f4efe560
  • activityBarBadge.background#9da09a
  • activityBarBadge.foreground#3b3028
  • button.background#9da09a
  • button.foreground#3b3028
  • button.hoverBackground#9da09add
  • editor.background#3b3028
  • editor.foreground#f4efe5
  • editor.inactiveSelectionBackground#71533f3580
  • editor.lineHighlightBackground#211d1940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#71533f35
  • editorCursor.foreground#9da09a
  • editorGroupHeader.tabsBackground#3b3028dd
  • editorLineNumber.activeForeground#9da09a
  • editorLineNumber.foreground#81766e80
  • focusBorder#9da09a
  • foreground#f4efe5
  • input.background#211d19
  • input.border#ffffff15
  • input.foreground#f4efe5
  • input.placeholderForeground#f4efe560
  • list.activeSelectionBackground#9da09a30
  • list.activeSelectionForeground#f4efe5
  • list.highlightForeground#9da09a
  • list.hoverBackground#211d1940
  • list.hoverForeground#f4efe5
  • list.inactiveSelectionBackground#9da09a15
  • list.inactiveSelectionForeground#f4efe5
  • selection.background#71533f35
  • sideBar.background#211d19
  • sideBar.border#ffffff15
  • sideBar.foreground#f4efe5
  • sideBarSectionHeader.background#3b302880
  • sideBarSectionHeader.foreground#f4efe5
  • sideBarTitle.foreground#9da09a
  • statusBar.background#3b3028
  • statusBar.border#ffffff15
  • statusBar.foreground#f4efe5
  • statusBar.noFolderBackground#3b3028
  • tab.activeBackground#3b3028
  • tab.activeBorderTop#9da09a
  • tab.activeForeground#f4efe5
  • tab.border#ffffff15
  • tab.inactiveBackground#211d1960
  • tab.inactiveForeground#f4efe580
  • terminal.ansiBlack#3b3028
  • terminal.ansiBlue#71533f
  • terminal.ansiCyan#d9d8cf
  • terminal.ansiGreen#9da09a
  • terminal.ansiMagenta#728061
  • terminal.ansiRed#728061
  • terminal.ansiWhite#f4efe5
  • terminal.ansiYellow#d9d8cf
  • terminal.background#3b3028
  • terminal.foreground#f4efe5
  • titleBar.activeBackground#3b3028
  • titleBar.activeForeground#f4efe5
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3b3028
  • titleBar.inactiveForeground#f4efe560
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#81766eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#71533fbold
storage.type, storage.modifier#71533fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#9da09a
string, punctuation.definition.string, string.template, meta.template.expression#d9d8cf
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#728061
variable, variable.other.readwrite, variable.other.object#f4efe5
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4efe5
variable.parameter, meta.parameter#f4efe5dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4efe580
keyword.operator#f4efe5
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#d9d8cfbold
entity.other.inherited-class#9da09a
entity.name.tag, punctuation.definition.tag#71533f
entity.other.attribute-name#9da09a
meta.diff, meta.diff.header#81766e
markup.deleted#728061
markup.inserted#9da09a
markup.changed#d9d8cf
markup.heading, markup.heading.setext, punctuation.definition.heading#9da09abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#d9d8cf
string.other.link.title, string.other.link.description#9da09a
markup.underline.link#81766eunderline
punctuation.definition.list#71533f
markup.quote, punctuation.definition.quote#81766eitalic
Morphous Theme by Ameyanagi - VS Code Theme