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#FDFBF7
  • activityBar.border#00000015
  • activityBar.foreground#935625
  • activityBar.inactiveForeground#1A1A1A60
  • activityBarBadge.background#935625
  • activityBarBadge.foreground#FDFBF7
  • button.background#935625
  • button.foreground#FDFBF7
  • button.hoverBackground#935625dd
  • editor.background#FDFBF7
  • editor.foreground#1A1A1A
  • editor.inactiveSelectionBackground#8350212580
  • editor.lineHighlightBackground#FFF9F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83502125
  • editorCursor.foreground#935625
  • editorGroupHeader.tabsBackground#FFF9F0aa
  • editorLineNumber.activeForeground#935625
  • editorLineNumber.foreground#F6D9A680
  • focusBorder#935625
  • foreground#1A1A1A
  • input.background#FFF9F0
  • input.border#00000015
  • input.foreground#1A1A1A
  • input.placeholderForeground#1A1A1A60
  • list.activeSelectionBackground#93562530
  • list.activeSelectionForeground#1A1A1A
  • list.highlightForeground#935625
  • list.hoverBackground#FFF9F040
  • list.hoverForeground#1A1A1A
  • list.inactiveSelectionBackground#93562515
  • list.inactiveSelectionForeground#1A1A1A
  • selection.background#83502125
  • sideBar.background#FFF9F0
  • sideBar.border#00000015
  • sideBar.foreground#1A1A1A
  • sideBarSectionHeader.background#FFF9F080
  • sideBarSectionHeader.foreground#1A1A1A
  • sideBarTitle.foreground#935625
  • statusBar.background#FDFBF7
  • statusBar.border#00000015
  • statusBar.foreground#1A1A1A
  • statusBar.noFolderBackground#FDFBF7
  • tab.activeBackground#FDFBF7
  • tab.activeBorderTop#935625
  • tab.activeForeground#1A1A1A
  • tab.border#00000015
  • tab.inactiveBackground#FDFBF760
  • tab.inactiveForeground#1A1A1A80
  • terminal.ansiBlack#1A1A1A
  • terminal.ansiBlue#835021
  • terminal.ansiCyan#A3293F
  • terminal.ansiGreen#935625
  • terminal.ansiMagenta#765719
  • terminal.ansiRed#765719
  • terminal.ansiWhite#1A1A1A
  • terminal.ansiYellow#A3293F
  • terminal.background#FDFBF7
  • terminal.foreground#1A1A1A
  • titleBar.activeBackground#FDFBF7
  • titleBar.activeForeground#1A1A1A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFBF7
  • titleBar.inactiveForeground#1A1A1A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F6D9A6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#835021bold
storage.type, storage.modifier#835021italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935625
string, punctuation.definition.string, string.template, meta.template.expression#A3293F
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765719
variable, variable.other.readwrite, variable.other.object#1A1A1A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1A1A1A
variable.parameter, meta.parameter#1A1A1Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1A1A1A80
keyword.operator#1A1A1A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A3293Fbold
entity.other.inherited-class#935625
entity.name.tag, punctuation.definition.tag#835021
entity.other.attribute-name#935625
meta.diff, meta.diff.header#F6D9A6
markup.deleted#765719
markup.inserted#935625
markup.changed#A3293F
markup.heading, markup.heading.setext, punctuation.definition.heading#935625bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A3293F
string.other.link.title, string.other.link.description#935625
markup.underline.link#F6D9A6underline
punctuation.definition.list#835021
markup.quote, punctuation.definition.quote#F6D9A6italic
Morphous Theme by Ameyanagi - VS Code Theme