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#0f1f1b
  • activityBar.border#ffffff15
  • activityBar.foreground#19352d
  • activityBar.inactiveForeground#f4efe460
  • activityBarBadge.background#19352d
  • activityBarBadge.foreground#0f1f1b
  • button.background#19352d
  • button.foreground#0f1f1b
  • button.hoverBackground#19352ddd
  • editor.background#0f1f1b
  • editor.foreground#f4efe4
  • editor.inactiveSelectionBackground#9c978d3580
  • editor.lineHighlightBackground#15171940
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#9c978d35
  • editorCursor.foreground#19352d
  • editorGroupHeader.tabsBackground#0f1f1bdd
  • editorLineNumber.activeForeground#19352d
  • editorLineNumber.foreground#9c978d80
  • focusBorder#19352d
  • foreground#f4efe4
  • input.background#151719
  • input.border#ffffff15
  • input.foreground#f4efe4
  • input.placeholderForeground#f4efe460
  • list.activeSelectionBackground#19352d30
  • list.activeSelectionForeground#f4efe4
  • list.highlightForeground#19352d
  • list.hoverBackground#15171940
  • list.hoverForeground#f4efe4
  • list.inactiveSelectionBackground#19352d15
  • list.inactiveSelectionForeground#f4efe4
  • selection.background#9c978d35
  • sideBar.background#151719
  • sideBar.border#ffffff15
  • sideBar.foreground#f4efe4
  • sideBarSectionHeader.background#0f1f1b80
  • sideBarSectionHeader.foreground#f4efe4
  • sideBarTitle.foreground#19352d
  • statusBar.background#0f1f1b
  • statusBar.border#ffffff15
  • statusBar.foreground#f4efe4
  • statusBar.noFolderBackground#0f1f1b
  • tab.activeBackground#0f1f1b
  • tab.activeBorderTop#19352d
  • tab.activeForeground#f4efe4
  • tab.border#ffffff15
  • tab.inactiveBackground#15171960
  • tab.inactiveForeground#f4efe480
  • terminal.ansiBlack#0f1f1b
  • terminal.ansiBlue#9c978d
  • terminal.ansiCyan#5f7664
  • terminal.ansiGreen#19352d
  • terminal.ansiMagenta#d7a195
  • terminal.ansiRed#d7a195
  • terminal.ansiWhite#f4efe4
  • terminal.ansiYellow#5f7664
  • terminal.background#0f1f1b
  • terminal.foreground#f4efe4
  • titleBar.activeBackground#0f1f1b
  • titleBar.activeForeground#f4efe4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0f1f1b
  • titleBar.inactiveForeground#f4efe460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c978ditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#9c978dbold
storage.type, storage.modifier#9c978ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#19352d
string, punctuation.definition.string, string.template, meta.template.expression#5f7664
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#d7a195
variable, variable.other.readwrite, variable.other.object#f4efe4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4efe4
variable.parameter, meta.parameter#f4efe4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4efe480
keyword.operator#f4efe4
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#5f7664bold
entity.other.inherited-class#19352d
entity.name.tag, punctuation.definition.tag#9c978d
entity.other.attribute-name#19352d
meta.diff, meta.diff.header#9c978d
markup.deleted#d7a195
markup.inserted#19352d
markup.changed#5f7664
markup.heading, markup.heading.setext, punctuation.definition.heading#19352dbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#5f7664
string.other.link.title, string.other.link.description#19352d
markup.underline.link#9c978dunderline
punctuation.definition.list#9c978d
markup.quote, punctuation.definition.quote#9c978ditalic
Morphous Theme by Ameyanagi - VS Code Theme