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#FFF6EE
  • activityBar.border#00000015
  • activityBar.foreground#FFD7DD
  • activityBar.inactiveForeground#3A2F2A60
  • activityBarBadge.background#FFD7DD
  • activityBarBadge.foreground#FFF6EE
  • button.background#FFD7DD
  • button.foreground#FFF6EE
  • button.hoverBackground#FFD7DDdd
  • editor.background#FFF6EE
  • editor.foreground#3A2F2A
  • editor.inactiveSelectionBackground#F6D9A62580
  • editor.lineHighlightBackground#FFF9F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#F6D9A625
  • editorCursor.foreground#FFD7DD
  • editorGroupHeader.tabsBackground#FFF9F0aa
  • editorLineNumber.activeForeground#FFD7DD
  • editorLineNumber.foreground#C9A99680
  • focusBorder#FFD7DD
  • foreground#3A2F2A
  • input.background#FFF9F0
  • input.border#00000015
  • input.foreground#3A2F2A
  • input.placeholderForeground#3A2F2A60
  • list.activeSelectionBackground#FFD7DD30
  • list.activeSelectionForeground#3A2F2A
  • list.highlightForeground#FFD7DD
  • list.hoverBackground#FFF9F040
  • list.hoverForeground#3A2F2A
  • list.inactiveSelectionBackground#FFD7DD15
  • list.inactiveSelectionForeground#3A2F2A
  • selection.background#F6D9A625
  • sideBar.background#FFF9F0
  • sideBar.border#00000015
  • sideBar.foreground#3A2F2A
  • sideBarSectionHeader.background#FFF9F080
  • sideBarSectionHeader.foreground#3A2F2A
  • sideBarTitle.foreground#FFD7DD
  • statusBar.background#FFF6EE
  • statusBar.border#00000015
  • statusBar.foreground#3A2F2A
  • statusBar.noFolderBackground#FFF6EE
  • tab.activeBackground#FFF6EE
  • tab.activeBorderTop#FFD7DD
  • tab.activeForeground#3A2F2A
  • tab.border#00000015
  • tab.inactiveBackground#FFF6EE60
  • tab.inactiveForeground#3A2F2A80
  • terminal.ansiBlack#3A2F2A
  • terminal.ansiBlue#F6D9A6
  • terminal.ansiCyan#8FBD7A
  • terminal.ansiGreen#FFD7DD
  • terminal.ansiMagenta#D9829A
  • terminal.ansiRed#D9829A
  • terminal.ansiWhite#3A2F2A
  • terminal.ansiYellow#8FBD7A
  • terminal.background#FFF6EE
  • terminal.foreground#3A2F2A
  • titleBar.activeBackground#FFF6EE
  • titleBar.activeForeground#3A2F2A
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF6EE
  • titleBar.inactiveForeground#3A2F2A60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C9A996italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#F6D9A6bold
storage.type, storage.modifier#F6D9A6italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#FFD7DD
string, punctuation.definition.string, string.template, meta.template.expression#8FBD7A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D9829A
variable, variable.other.readwrite, variable.other.object#3A2F2A
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#3A2F2A
variable.parameter, meta.parameter#3A2F2Additalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#3A2F2A80
keyword.operator#3A2F2A
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#8FBD7Abold
entity.other.inherited-class#FFD7DD
entity.name.tag, punctuation.definition.tag#F6D9A6
entity.other.attribute-name#FFD7DD
meta.diff, meta.diff.header#C9A996
markup.deleted#D9829A
markup.inserted#FFD7DD
markup.changed#8FBD7A
markup.heading, markup.heading.setext, punctuation.definition.heading#FFD7DDbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#8FBD7A
string.other.link.title, string.other.link.description#FFD7DD
markup.underline.link#C9A996underline
punctuation.definition.list#F6D9A6
markup.quote, punctuation.definition.quote#C9A996italic
Morphous Theme by Ameyanagi - VS Code Theme