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#F7F3EC
  • activityBar.border#00000015
  • activityBar.foreground#A85A24
  • activityBar.inactiveForeground#1E1B1760
  • activityBarBadge.background#A85A24
  • activityBarBadge.foreground#F7F3EC
  • button.background#A85A24
  • button.foreground#F7F3EC
  • button.hoverBackground#A85A24dd
  • editor.background#F7F3EC
  • editor.foreground#1E1B17
  • editor.inactiveSelectionBackground#5A2B1C2580
  • editor.lineHighlightBackground#FAF7F150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5A2B1C25
  • editorCursor.foreground#A85A24
  • editorGroupHeader.tabsBackground#FAF7F1aa
  • editorLineNumber.activeForeground#A85A24
  • editorLineNumber.foreground#D1D0C680
  • focusBorder#A85A24
  • foreground#1E1B17
  • input.background#FAF7F1
  • input.border#00000015
  • input.foreground#1E1B17
  • input.placeholderForeground#1E1B1760
  • list.activeSelectionBackground#A85A2430
  • list.activeSelectionForeground#1E1B17
  • list.highlightForeground#A85A24
  • list.hoverBackground#FAF7F140
  • list.hoverForeground#1E1B17
  • list.inactiveSelectionBackground#A85A2415
  • list.inactiveSelectionForeground#1E1B17
  • selection.background#5A2B1C25
  • sideBar.background#FAF7F1
  • sideBar.border#00000015
  • sideBar.foreground#1E1B17
  • sideBarSectionHeader.background#FAF7F180
  • sideBarSectionHeader.foreground#1E1B17
  • sideBarTitle.foreground#A85A24
  • statusBar.background#F7F3EC
  • statusBar.border#00000015
  • statusBar.foreground#1E1B17
  • statusBar.noFolderBackground#F7F3EC
  • tab.activeBackground#F7F3EC
  • tab.activeBorderTop#A85A24
  • tab.activeForeground#1E1B17
  • tab.border#00000015
  • tab.inactiveBackground#F7F3EC60
  • tab.inactiveForeground#1E1B1780
  • terminal.ansiBlack#1E1B17
  • terminal.ansiBlue#5A2B1C
  • terminal.ansiCyan#687142
  • terminal.ansiGreen#A85A24
  • terminal.ansiMagenta#9C3C24
  • terminal.ansiRed#9C3C24
  • terminal.ansiWhite#1E1B17
  • terminal.ansiYellow#687142
  • terminal.background#F7F3EC
  • terminal.foreground#1E1B17
  • titleBar.activeBackground#F7F3EC
  • titleBar.activeForeground#1E1B17
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F3EC
  • titleBar.inactiveForeground#1E1B1760
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D1D0C6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5A2B1Cbold
storage.type, storage.modifier#5A2B1Citalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A85A24
string, punctuation.definition.string, string.template, meta.template.expression#687142
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#9C3C24
variable, variable.other.readwrite, variable.other.object#1E1B17
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1E1B17
variable.parameter, meta.parameter#1E1B17dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1E1B1780
keyword.operator#1E1B17
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#687142bold
entity.other.inherited-class#A85A24
entity.name.tag, punctuation.definition.tag#5A2B1C
entity.other.attribute-name#A85A24
meta.diff, meta.diff.header#D1D0C6
markup.deleted#9C3C24
markup.inserted#A85A24
markup.changed#687142
markup.heading, markup.heading.setext, punctuation.definition.heading#A85A24bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#687142
string.other.link.title, string.other.link.description#A85A24
markup.underline.link#D1D0C6underline
punctuation.definition.list#5A2B1C
markup.quote, punctuation.definition.quote#D1D0C6italic
Morphous Theme by Ameyanagi - VS Code Theme