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#3F3327
  • activityBar.border#ffffff15
  • activityBar.foreground#67E9A8
  • activityBar.inactiveForeground#F7FAF860
  • activityBarBadge.background#67E9A8
  • activityBarBadge.foreground#3F3327
  • button.background#67E9A8
  • button.foreground#3F3327
  • button.hoverBackground#67E9A8dd
  • editor.background#3F3327
  • editor.foreground#F7FAF8
  • editor.inactiveSelectionBackground#92EC793580
  • editor.lineHighlightBackground#080C0B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#92EC7935
  • editorCursor.foreground#67E9A8
  • editorGroupHeader.tabsBackground#3F3327dd
  • editorLineNumber.activeForeground#67E9A8
  • editorLineNumber.foreground#A8B3AE80
  • focusBorder#67E9A8
  • foreground#F7FAF8
  • input.background#080C0B
  • input.border#ffffff15
  • input.foreground#F7FAF8
  • input.placeholderForeground#F7FAF860
  • list.activeSelectionBackground#67E9A830
  • list.activeSelectionForeground#F7FAF8
  • list.highlightForeground#67E9A8
  • list.hoverBackground#080C0B40
  • list.hoverForeground#F7FAF8
  • list.inactiveSelectionBackground#67E9A815
  • list.inactiveSelectionForeground#F7FAF8
  • selection.background#92EC7935
  • sideBar.background#080C0B
  • sideBar.border#ffffff15
  • sideBar.foreground#F7FAF8
  • sideBarSectionHeader.background#3F332780
  • sideBarSectionHeader.foreground#F7FAF8
  • sideBarTitle.foreground#67E9A8
  • statusBar.background#3F3327
  • statusBar.border#ffffff15
  • statusBar.foreground#F7FAF8
  • statusBar.noFolderBackground#3F3327
  • tab.activeBackground#3F3327
  • tab.activeBorderTop#67E9A8
  • tab.activeForeground#F7FAF8
  • tab.border#ffffff15
  • tab.inactiveBackground#080C0B60
  • tab.inactiveForeground#F7FAF880
  • terminal.ansiBlack#3F3327
  • terminal.ansiBlue#92EC79
  • terminal.ansiCyan#55E772
  • terminal.ansiGreen#67E9A8
  • terminal.ansiMagenta#F1B683
  • terminal.ansiRed#F1B683
  • terminal.ansiWhite#F7FAF8
  • terminal.ansiYellow#55E772
  • terminal.background#3F3327
  • terminal.foreground#F7FAF8
  • titleBar.activeBackground#3F3327
  • titleBar.activeForeground#F7FAF8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#3F3327
  • titleBar.inactiveForeground#F7FAF860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B3AEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#92EC79bold
storage.type, storage.modifier#92EC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#67E9A8
string, punctuation.definition.string, string.template, meta.template.expression#55E772
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1B683
variable, variable.other.readwrite, variable.other.object#F7FAF8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7FAF8
variable.parameter, meta.parameter#F7FAF8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7FAF880
keyword.operator#F7FAF8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#55E772bold
entity.other.inherited-class#67E9A8
entity.name.tag, punctuation.definition.tag#92EC79
entity.other.attribute-name#67E9A8
meta.diff, meta.diff.header#A8B3AE
markup.deleted#F1B683
markup.inserted#67E9A8
markup.changed#55E772
markup.heading, markup.heading.setext, punctuation.definition.heading#67E9A8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#55E772
string.other.link.title, string.other.link.description#67E9A8
markup.underline.link#A8B3AEunderline
punctuation.definition.list#92EC79
markup.quote, punctuation.definition.quote#A8B3AEitalic
Morphous Theme by Ameyanagi - VS Code Theme