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#1F2118
  • activityBar.border#ffffff15
  • activityBar.foreground#6B7A30
  • activityBar.inactiveForeground#F7F2E660
  • activityBarBadge.background#6B7A30
  • activityBarBadge.foreground#1F2118
  • button.background#6B7A30
  • button.foreground#1F2118
  • button.hoverBackground#6B7A30dd
  • editor.background#1F2118
  • editor.foreground#F7F2E6
  • editor.inactiveSelectionBackground#A06B3F3580
  • editor.lineHighlightBackground#34261740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A06B3F35
  • editorCursor.foreground#6B7A30
  • editorGroupHeader.tabsBackground#1F2118dd
  • editorLineNumber.activeForeground#6B7A30
  • editorLineNumber.foreground#C9BA9A80
  • focusBorder#6B7A30
  • foreground#F7F2E6
  • input.background#342617
  • input.border#ffffff15
  • input.foreground#F7F2E6
  • input.placeholderForeground#F7F2E660
  • list.activeSelectionBackground#6B7A3030
  • list.activeSelectionForeground#F7F2E6
  • list.highlightForeground#6B7A30
  • list.hoverBackground#34261740
  • list.hoverForeground#F7F2E6
  • list.inactiveSelectionBackground#6B7A3015
  • list.inactiveSelectionForeground#F7F2E6
  • selection.background#A06B3F35
  • sideBar.background#342617
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F2E6
  • sideBarSectionHeader.background#1F211880
  • sideBarSectionHeader.foreground#F7F2E6
  • sideBarTitle.foreground#6B7A30
  • statusBar.background#1F2118
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F2E6
  • statusBar.noFolderBackground#1F2118
  • tab.activeBackground#1F2118
  • tab.activeBorderTop#6B7A30
  • tab.activeForeground#F7F2E6
  • tab.border#ffffff15
  • tab.inactiveBackground#34261760
  • tab.inactiveForeground#F7F2E680
  • terminal.ansiBlack#1F2118
  • terminal.ansiBlue#A06B3F
  • terminal.ansiCyan#5E7A44
  • terminal.ansiGreen#6B7A30
  • terminal.ansiMagenta#B88B5A
  • terminal.ansiRed#B88B5A
  • terminal.ansiWhite#F7F2E6
  • terminal.ansiYellow#5E7A44
  • terminal.background#1F2118
  • terminal.foreground#F7F2E6
  • titleBar.activeBackground#1F2118
  • titleBar.activeForeground#F7F2E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1F2118
  • titleBar.inactiveForeground#F7F2E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9BA9Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A06B3Fbold
storage.type, storage.modifier#A06B3Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#6B7A30
string, punctuation.definition.string, string.template, meta.template.expression#5E7A44
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#B88B5A
variable, variable.other.readwrite, variable.other.object#F7F2E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2E6
variable.parameter, meta.parameter#F7F2E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2E680
keyword.operator#F7F2E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5E7A44bold
entity.other.inherited-class#6B7A30
entity.name.tag, punctuation.definition.tag#A06B3F
entity.other.attribute-name#6B7A30
meta.diff, meta.diff.header#C9BA9A
markup.deleted#B88B5A
markup.inserted#6B7A30
markup.changed#5E7A44
markup.heading, markup.heading.setext, punctuation.definition.heading#6B7A30bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5E7A44
string.other.link.title, string.other.link.description#6B7A30
markup.underline.link#C9BA9Aunderline
punctuation.definition.list#A06B3F
markup.quote, punctuation.definition.quote#C9BA9Aitalic
Morphous Theme by Ameyanagi - VS Code Theme