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#25936C
  • activityBar.inactiveForeground#080c0a60
  • activityBarBadge.background#25936C
  • activityBarBadge.foreground#FDFBF7
  • button.background#25936C
  • button.foreground#FDFBF7
  • button.hoverBackground#25936Cdd
  • editor.background#FDFBF7
  • editor.foreground#080c0a
  • editor.inactiveSelectionBackground#21835F2580
  • editor.lineHighlightBackground#F3EAD250
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21835F25
  • editorCursor.foreground#25936C
  • editorGroupHeader.tabsBackground#F3EAD2aa
  • editorLineNumber.activeForeground#25936C
  • editorLineNumber.foreground#28302c80
  • focusBorder#25936C
  • foreground#080c0a
  • input.background#F3EAD2
  • input.border#00000015
  • input.foreground#080c0a
  • input.placeholderForeground#080c0a60
  • list.activeSelectionBackground#25936C30
  • list.activeSelectionForeground#080c0a
  • list.highlightForeground#25936C
  • list.hoverBackground#F3EAD240
  • list.hoverForeground#080c0a
  • list.inactiveSelectionBackground#25936C15
  • list.inactiveSelectionForeground#080c0a
  • selection.background#21835F25
  • sideBar.background#F3EAD2
  • sideBar.border#00000015
  • sideBar.foreground#080c0a
  • sideBarSectionHeader.background#F3EAD280
  • sideBarSectionHeader.foreground#080c0a
  • sideBarTitle.foreground#25936C
  • statusBar.background#FDFBF7
  • statusBar.border#00000015
  • statusBar.foreground#080c0a
  • statusBar.noFolderBackground#FDFBF7
  • tab.activeBackground#FDFBF7
  • tab.activeBorderTop#25936C
  • tab.activeForeground#080c0a
  • tab.border#00000015
  • tab.inactiveBackground#FDFBF760
  • tab.inactiveForeground#080c0a80
  • terminal.ansiBlack#080c0a
  • terminal.ansiBlue#21835F
  • terminal.ansiCyan#29A37A
  • terminal.ansiGreen#25936C
  • terminal.ansiMagenta#765A19
  • terminal.ansiRed#765A19
  • terminal.ansiWhite#080c0a
  • terminal.ansiYellow#29A37A
  • terminal.background#FDFBF7
  • terminal.foreground#080c0a
  • titleBar.activeBackground#FDFBF7
  • titleBar.activeForeground#080c0a
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FDFBF7
  • titleBar.inactiveForeground#080c0a60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#28302citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#21835Fbold
storage.type, storage.modifier#21835Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25936C
string, punctuation.definition.string, string.template, meta.template.expression#29A37A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765A19
variable, variable.other.readwrite, variable.other.object#080c0a
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#080c0a
variable.parameter, meta.parameter#080c0additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#080c0a80
keyword.operator#080c0a
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A37Abold
entity.other.inherited-class#25936C
entity.name.tag, punctuation.definition.tag#21835F
entity.other.attribute-name#25936C
meta.diff, meta.diff.header#28302c
markup.deleted#765A19
markup.inserted#25936C
markup.changed#29A37A
markup.heading, markup.heading.setext, punctuation.definition.heading#25936Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A37A
string.other.link.title, string.other.link.description#25936C
markup.underline.link#28302cunderline
punctuation.definition.list#21835F
markup.quote, punctuation.definition.quote#28302citalic
Morphous Theme by Ameyanagi - VS Code Theme