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#F7F0E3
  • activityBar.border#00000015
  • activityBar.foreground#933725
  • activityBar.inactiveForeground#14100d60
  • activityBarBadge.background#933725
  • activityBarBadge.foreground#F7F0E3
  • button.background#933725
  • button.foreground#F7F0E3
  • button.hoverBackground#933725dd
  • editor.background#F7F0E3
  • editor.foreground#14100d
  • editor.inactiveSelectionBackground#835D212580
  • editor.lineHighlightBackground#562F1F50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835D2125
  • editorCursor.foreground#933725
  • editorGroupHeader.tabsBackground#562F1Faa
  • editorLineNumber.activeForeground#933725
  • editorLineNumber.foreground#9c897480
  • focusBorder#933725
  • foreground#14100d
  • input.background#562F1F
  • input.border#00000015
  • input.foreground#14100d
  • input.placeholderForeground#14100d60
  • list.activeSelectionBackground#93372530
  • list.activeSelectionForeground#14100d
  • list.highlightForeground#933725
  • list.hoverBackground#562F1F40
  • list.hoverForeground#14100d
  • list.inactiveSelectionBackground#93372515
  • list.inactiveSelectionForeground#14100d
  • selection.background#835D2125
  • sideBar.background#562F1F
  • sideBar.border#00000015
  • sideBar.foreground#14100d
  • sideBarSectionHeader.background#562F1F80
  • sideBarSectionHeader.foreground#14100d
  • sideBarTitle.foreground#933725
  • statusBar.background#F7F0E3
  • statusBar.border#00000015
  • statusBar.foreground#14100d
  • statusBar.noFolderBackground#F7F0E3
  • tab.activeBackground#F7F0E3
  • tab.activeBorderTop#933725
  • tab.activeForeground#14100d
  • tab.border#00000015
  • tab.inactiveBackground#F7F0E360
  • tab.inactiveForeground#14100d80
  • terminal.ansiBlack#14100d
  • terminal.ansiBlue#835D21
  • terminal.ansiCyan#A32D29
  • terminal.ansiGreen#933725
  • terminal.ansiMagenta#761C19
  • terminal.ansiRed#761C19
  • terminal.ansiWhite#14100d
  • terminal.ansiYellow#A32D29
  • terminal.background#F7F0E3
  • terminal.foreground#14100d
  • titleBar.activeBackground#F7F0E3
  • titleBar.activeForeground#14100d
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F0E3
  • titleBar.inactiveForeground#14100d60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9c8974italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835D21bold
storage.type, storage.modifier#835D21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#933725
string, punctuation.definition.string, string.template, meta.template.expression#A32D29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#761C19
variable, variable.other.readwrite, variable.other.object#14100d
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#14100d
variable.parameter, meta.parameter#14100ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#14100d80
keyword.operator#14100d
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A32D29bold
entity.other.inherited-class#933725
entity.name.tag, punctuation.definition.tag#835D21
entity.other.attribute-name#933725
meta.diff, meta.diff.header#9c8974
markup.deleted#761C19
markup.inserted#933725
markup.changed#A32D29
markup.heading, markup.heading.setext, punctuation.definition.heading#933725bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A32D29
string.other.link.title, string.other.link.description#933725
markup.underline.link#9c8974underline
punctuation.definition.list#835D21
markup.quote, punctuation.definition.quote#9c8974italic
Morphous Theme by Ameyanagi - VS Code Theme