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#FEFDFB
  • activityBar.border#00000015
  • activityBar.foreground#936125
  • activityBar.inactiveForeground#0D0B0A60
  • activityBarBadge.background#936125
  • activityBarBadge.foreground#FEFDFB
  • button.background#936125
  • button.foreground#FEFDFB
  • button.hoverBackground#936125dd
  • editor.background#FEFDFB
  • editor.foreground#0D0B0A
  • editor.inactiveSelectionBackground#8346212580
  • editor.lineHighlightBackground#F4EFE650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83462125
  • editorCursor.foreground#936125
  • editorGroupHeader.tabsBackground#F4EFE6aa
  • editorLineNumber.activeForeground#936125
  • editorLineNumber.foreground#3E2A1F80
  • focusBorder#936125
  • foreground#0D0B0A
  • input.background#F4EFE6
  • input.border#00000015
  • input.foreground#0D0B0A
  • input.placeholderForeground#0D0B0A60
  • list.activeSelectionBackground#93612530
  • list.activeSelectionForeground#0D0B0A
  • list.highlightForeground#936125
  • list.hoverBackground#F4EFE640
  • list.hoverForeground#0D0B0A
  • list.inactiveSelectionBackground#93612515
  • list.inactiveSelectionForeground#0D0B0A
  • selection.background#83462125
  • sideBar.background#F4EFE6
  • sideBar.border#00000015
  • sideBar.foreground#0D0B0A
  • sideBarSectionHeader.background#F4EFE680
  • sideBarSectionHeader.foreground#0D0B0A
  • sideBarTitle.foreground#936125
  • statusBar.background#FEFDFB
  • statusBar.border#00000015
  • statusBar.foreground#0D0B0A
  • statusBar.noFolderBackground#FEFDFB
  • tab.activeBackground#FEFDFB
  • tab.activeBorderTop#936125
  • tab.activeForeground#0D0B0A
  • tab.border#00000015
  • tab.inactiveBackground#FEFDFB60
  • tab.inactiveForeground#0D0B0A80
  • terminal.ansiBlack#0D0B0A
  • terminal.ansiBlue#834621
  • terminal.ansiCyan#A36C29
  • terminal.ansiGreen#936125
  • terminal.ansiMagenta#762719
  • terminal.ansiRed#762719
  • terminal.ansiWhite#0D0B0A
  • terminal.ansiYellow#A36C29
  • terminal.background#FEFDFB
  • terminal.foreground#0D0B0A
  • titleBar.activeBackground#FEFDFB
  • titleBar.activeForeground#0D0B0A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FEFDFB
  • titleBar.inactiveForeground#0D0B0A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#3E2A1Fitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#834621bold
storage.type, storage.modifier#834621italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#936125
string, punctuation.definition.string, string.template, meta.template.expression#A36C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#762719
variable, variable.other.readwrite, variable.other.object#0D0B0A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0B0A
variable.parameter, meta.parameter#0D0B0Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0B0A80
keyword.operator#0D0B0A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A36C29bold
entity.other.inherited-class#936125
entity.name.tag, punctuation.definition.tag#834621
entity.other.attribute-name#936125
meta.diff, meta.diff.header#3E2A1F
markup.deleted#762719
markup.inserted#936125
markup.changed#A36C29
markup.heading, markup.heading.setext, punctuation.definition.heading#936125bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36C29
string.other.link.title, string.other.link.description#936125
markup.underline.link#3E2A1Funderline
punctuation.definition.list#834621
markup.quote, punctuation.definition.quote#3E2A1Fitalic
Morphous Theme by Ameyanagi - VS Code Theme