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#4a3928
  • activityBar.border#ffffff15
  • activityBar.foreground#2f5b42
  • activityBar.inactiveForeground#f4efe360
  • activityBarBadge.background#2f5b42
  • activityBarBadge.foreground#4a3928
  • button.background#2f5b42
  • button.foreground#4a3928
  • button.hoverBackground#2f5b42dd
  • editor.background#4a3928
  • editor.foreground#f4efe3
  • editor.inactiveSelectionBackground#d7c7ae3580
  • editor.lineHighlightBackground#17151140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d7c7ae35
  • editorCursor.foreground#2f5b42
  • editorGroupHeader.tabsBackground#4a3928dd
  • editorLineNumber.activeForeground#2f5b42
  • editorLineNumber.foreground#d7c7ae80
  • focusBorder#2f5b42
  • foreground#f4efe3
  • input.background#171511
  • input.border#ffffff15
  • input.foreground#f4efe3
  • input.placeholderForeground#f4efe360
  • list.activeSelectionBackground#2f5b4230
  • list.activeSelectionForeground#f4efe3
  • list.highlightForeground#2f5b42
  • list.hoverBackground#17151140
  • list.hoverForeground#f4efe3
  • list.inactiveSelectionBackground#2f5b4215
  • list.inactiveSelectionForeground#f4efe3
  • selection.background#d7c7ae35
  • sideBar.background#171511
  • sideBar.border#ffffff15
  • sideBar.foreground#f4efe3
  • sideBarSectionHeader.background#4a392880
  • sideBarSectionHeader.foreground#f4efe3
  • sideBarTitle.foreground#2f5b42
  • statusBar.background#4a3928
  • statusBar.border#ffffff15
  • statusBar.foreground#f4efe3
  • statusBar.noFolderBackground#4a3928
  • tab.activeBackground#4a3928
  • tab.activeBorderTop#2f5b42
  • tab.activeForeground#f4efe3
  • tab.border#ffffff15
  • tab.inactiveBackground#17151160
  • tab.inactiveForeground#f4efe380
  • terminal.ansiBlack#4a3928
  • terminal.ansiBlue#d7c7ae
  • terminal.ansiCyan#6f8a52
  • terminal.ansiGreen#2f5b42
  • terminal.ansiMagenta#9f8d72
  • terminal.ansiRed#9f8d72
  • terminal.ansiWhite#f4efe3
  • terminal.ansiYellow#6f8a52
  • terminal.background#4a3928
  • terminal.foreground#f4efe3
  • titleBar.activeBackground#4a3928
  • titleBar.activeForeground#f4efe3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4a3928
  • titleBar.inactiveForeground#f4efe360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d7c7aeitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d7c7aebold
storage.type, storage.modifier#d7c7aeitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#2f5b42
string, punctuation.definition.string, string.template, meta.template.expression#6f8a52
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9f8d72
variable, variable.other.readwrite, variable.other.object#f4efe3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4efe3
variable.parameter, meta.parameter#f4efe3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4efe380
keyword.operator#f4efe3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#6f8a52bold
entity.other.inherited-class#2f5b42
entity.name.tag, punctuation.definition.tag#d7c7ae
entity.other.attribute-name#2f5b42
meta.diff, meta.diff.header#d7c7ae
markup.deleted#9f8d72
markup.inserted#2f5b42
markup.changed#6f8a52
markup.heading, markup.heading.setext, punctuation.definition.heading#2f5b42bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#6f8a52
string.other.link.title, string.other.link.description#2f5b42
markup.underline.link#d7c7aeunderline
punctuation.definition.list#d7c7ae
markup.quote, punctuation.definition.quote#d7c7aeitalic
Morphous Theme by Ameyanagi - VS Code Theme