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#FAF9F4
  • activityBar.border#00000015
  • activityBar.foreground#935625
  • activityBar.inactiveForeground#4A342A60
  • activityBarBadge.background#935625
  • activityBarBadge.foreground#FAF9F4
  • button.background#935625
  • button.foreground#FAF9F4
  • button.hoverBackground#935625dd
  • editor.background#FAF9F4
  • editor.foreground#4A342A
  • editor.inactiveSelectionBackground#21835D2580
  • editor.lineHighlightBackground#EDE8DE50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835D25
  • editorCursor.foreground#935625
  • editorGroupHeader.tabsBackground#EDE8DEaa
  • editorLineNumber.activeForeground#935625
  • editorLineNumber.foreground#C9CFD380
  • focusBorder#935625
  • foreground#4A342A
  • input.background#EDE8DE
  • input.border#00000015
  • input.foreground#4A342A
  • input.placeholderForeground#4A342A60
  • list.activeSelectionBackground#93562530
  • list.activeSelectionForeground#4A342A
  • list.highlightForeground#935625
  • list.hoverBackground#EDE8DE40
  • list.hoverForeground#4A342A
  • list.inactiveSelectionBackground#93562515
  • list.inactiveSelectionForeground#4A342A
  • selection.background#21835D25
  • sideBar.background#EDE8DE
  • sideBar.border#00000015
  • sideBar.foreground#4A342A
  • sideBarSectionHeader.background#EDE8DE80
  • sideBarSectionHeader.foreground#4A342A
  • sideBarTitle.foreground#935625
  • statusBar.background#FAF9F4
  • statusBar.border#00000015
  • statusBar.foreground#4A342A
  • statusBar.noFolderBackground#FAF9F4
  • tab.activeBackground#FAF9F4
  • tab.activeBorderTop#935625
  • tab.activeForeground#4A342A
  • tab.border#00000015
  • tab.inactiveBackground#FAF9F460
  • tab.inactiveForeground#4A342A80
  • terminal.ansiBlack#4A342A
  • terminal.ansiBlue#21835D
  • terminal.ansiCyan#64A329
  • terminal.ansiGreen#935625
  • terminal.ansiMagenta#467619
  • terminal.ansiRed#467619
  • terminal.ansiWhite#4A342A
  • terminal.ansiYellow#64A329
  • terminal.background#FAF9F4
  • terminal.foreground#4A342A
  • titleBar.activeBackground#FAF9F4
  • titleBar.activeForeground#4A342A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF9F4
  • titleBar.inactiveForeground#4A342A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9CFD3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21835Dbold
storage.type, storage.modifier#21835Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935625
string, punctuation.definition.string, string.template, meta.template.expression#64A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#467619
variable, variable.other.readwrite, variable.other.object#4A342A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#4A342A
variable.parameter, meta.parameter#4A342Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#4A342A80
keyword.operator#4A342A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#64A329bold
entity.other.inherited-class#935625
entity.name.tag, punctuation.definition.tag#21835D
entity.other.attribute-name#935625
meta.diff, meta.diff.header#C9CFD3
markup.deleted#467619
markup.inserted#935625
markup.changed#64A329
markup.heading, markup.heading.setext, punctuation.definition.heading#935625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#64A329
string.other.link.title, string.other.link.description#935625
markup.underline.link#C9CFD3underline
punctuation.definition.list#21835D
markup.quote, punctuation.definition.quote#C9CFD3italic
Morphous Theme by Ameyanagi - VS Code Theme