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#8A6E4A
  • activityBar.border#ffffff15
  • activityBar.foreground#F2C230
  • activityBar.inactiveForeground#F5F6F860
  • activityBarBadge.background#F2C230
  • activityBarBadge.foreground#8A6E4A
  • button.background#F2C230
  • button.foreground#8A6E4A
  • button.hoverBackground#F2C230dd
  • editor.background#8A6E4A
  • editor.foreground#F5F6F8
  • editor.inactiveSelectionBackground#2F4D2E3580
  • editor.lineHighlightBackground#1C1E1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2F4D2E35
  • editorCursor.foreground#F2C230
  • editorGroupHeader.tabsBackground#8A6E4Add
  • editorLineNumber.activeForeground#F2C230
  • editorLineNumber.foreground#68778080
  • focusBorder#F2C230
  • foreground#F5F6F8
  • input.background#1C1E1B
  • input.border#ffffff15
  • input.foreground#F5F6F8
  • input.placeholderForeground#F5F6F860
  • list.activeSelectionBackground#F2C23030
  • list.activeSelectionForeground#F5F6F8
  • list.highlightForeground#F2C230
  • list.hoverBackground#1C1E1B40
  • list.hoverForeground#F5F6F8
  • list.inactiveSelectionBackground#F2C23015
  • list.inactiveSelectionForeground#F5F6F8
  • selection.background#2F4D2E35
  • sideBar.background#1C1E1B
  • sideBar.border#ffffff15
  • sideBar.foreground#F5F6F8
  • sideBarSectionHeader.background#8A6E4A80
  • sideBarSectionHeader.foreground#F5F6F8
  • sideBarTitle.foreground#F2C230
  • statusBar.background#8A6E4A
  • statusBar.border#ffffff15
  • statusBar.foreground#F5F6F8
  • statusBar.noFolderBackground#8A6E4A
  • tab.activeBackground#8A6E4A
  • tab.activeBorderTop#F2C230
  • tab.activeForeground#F5F6F8
  • tab.border#ffffff15
  • tab.inactiveBackground#1C1E1B60
  • tab.inactiveForeground#F5F6F880
  • terminal.ansiBlack#8A6E4A
  • terminal.ansiBlue#2F4D2E
  • terminal.ansiCyan#FFB000
  • terminal.ansiGreen#F2C230
  • terminal.ansiMagenta#687780
  • terminal.ansiRed#687780
  • terminal.ansiWhite#F5F6F8
  • terminal.ansiYellow#FFB000
  • terminal.background#8A6E4A
  • terminal.foreground#F5F6F8
  • titleBar.activeBackground#8A6E4A
  • titleBar.activeForeground#F5F6F8
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#8A6E4A
  • titleBar.inactiveForeground#F5F6F860
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#687780italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2F4D2Ebold
storage.type, storage.modifier#2F4D2Eitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#F2C230
string, punctuation.definition.string, string.template, meta.template.expression#FFB000
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#687780
variable, variable.other.readwrite, variable.other.object#F5F6F8
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F5F6F8
variable.parameter, meta.parameter#F5F6F8dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F5F6F880
keyword.operator#F5F6F8
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFB000bold
entity.other.inherited-class#F2C230
entity.name.tag, punctuation.definition.tag#2F4D2E
entity.other.attribute-name#F2C230
meta.diff, meta.diff.header#687780
markup.deleted#687780
markup.inserted#F2C230
markup.changed#FFB000
markup.heading, markup.heading.setext, punctuation.definition.heading#F2C230bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFB000
string.other.link.title, string.other.link.description#F2C230
markup.underline.link#687780underline
punctuation.definition.list#2F4D2E
markup.quote, punctuation.definition.quote#687780italic
Morphous Theme by Ameyanagi - VS Code Theme