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#FBFAF9
  • activityBar.border#00000015
  • activityBar.foreground#934B25
  • activityBar.inactiveForeground#EDE6DA60
  • activityBarBadge.background#934B25
  • activityBarBadge.foreground#FBFAF9
  • button.background#934B25
  • button.foreground#FBFAF9
  • button.hoverBackground#934B25dd
  • editor.background#FBFAF9
  • editor.foreground#EDE6DA
  • editor.inactiveSelectionBackground#835B212580
  • editor.lineHighlightBackground#F2EDE350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835B2125
  • editorCursor.foreground#934B25
  • editorGroupHeader.tabsBackground#F2EDE3aa
  • editorLineNumber.activeForeground#934B25
  • editorLineNumber.foreground#4A535880
  • focusBorder#934B25
  • foreground#EDE6DA
  • input.background#F2EDE3
  • input.border#00000015
  • input.foreground#EDE6DA
  • input.placeholderForeground#EDE6DA60
  • list.activeSelectionBackground#934B2530
  • list.activeSelectionForeground#EDE6DA
  • list.highlightForeground#934B25
  • list.hoverBackground#F2EDE340
  • list.hoverForeground#EDE6DA
  • list.inactiveSelectionBackground#934B2515
  • list.inactiveSelectionForeground#EDE6DA
  • selection.background#835B2125
  • sideBar.background#F2EDE3
  • sideBar.border#00000015
  • sideBar.foreground#EDE6DA
  • sideBarSectionHeader.background#F2EDE380
  • sideBarSectionHeader.foreground#EDE6DA
  • sideBarTitle.foreground#934B25
  • statusBar.background#FBFAF9
  • statusBar.border#00000015
  • statusBar.foreground#EDE6DA
  • statusBar.noFolderBackground#FBFAF9
  • tab.activeBackground#FBFAF9
  • tab.activeBorderTop#934B25
  • tab.activeForeground#EDE6DA
  • tab.border#00000015
  • tab.inactiveBackground#FBFAF960
  • tab.inactiveForeground#EDE6DA80
  • terminal.ansiBlack#EDE6DA
  • terminal.ansiBlue#835B21
  • terminal.ansiCyan#A36C29
  • terminal.ansiGreen#934B25
  • terminal.ansiMagenta#195576
  • terminal.ansiRed#195576
  • terminal.ansiWhite#EDE6DA
  • terminal.ansiYellow#A36C29
  • terminal.background#FBFAF9
  • terminal.foreground#EDE6DA
  • titleBar.activeBackground#FBFAF9
  • titleBar.activeForeground#EDE6DA
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FBFAF9
  • titleBar.inactiveForeground#EDE6DA60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#4A5358italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835B21bold
storage.type, storage.modifier#835B21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#934B25
string, punctuation.definition.string, string.template, meta.template.expression#A36C29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#195576
variable, variable.other.readwrite, variable.other.object#EDE6DA
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#EDE6DA
variable.parameter, meta.parameter#EDE6DAdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#EDE6DA80
keyword.operator#EDE6DA
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#934B25
entity.name.tag, punctuation.definition.tag#835B21
entity.other.attribute-name#934B25
meta.diff, meta.diff.header#4A5358
markup.deleted#195576
markup.inserted#934B25
markup.changed#A36C29
markup.heading, markup.heading.setext, punctuation.definition.heading#934B25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A36C29
string.other.link.title, string.other.link.description#934B25
markup.underline.link#4A5358underline
punctuation.definition.list#835B21
markup.quote, punctuation.definition.quote#4A5358italic
Morphous Theme by Ameyanagi - VS Code Theme