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#FCFAF8
  • activityBar.border#00000015
  • activityBar.foreground#937225
  • activityBar.inactiveForeground#0E3A4D60
  • activityBarBadge.background#937225
  • activityBarBadge.foreground#FCFAF8
  • button.background#937225
  • button.foreground#FCFAF8
  • button.hoverBackground#937225dd
  • editor.background#FCFAF8
  • editor.foreground#0E3A4D
  • editor.inactiveSelectionBackground#8360212580
  • editor.lineHighlightBackground#319B8450
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83602125
  • editorCursor.foreground#937225
  • editorGroupHeader.tabsBackground#319B84aa
  • editorLineNumber.activeForeground#937225
  • editorLineNumber.foreground#FFF6E580
  • focusBorder#937225
  • foreground#0E3A4D
  • input.background#319B84
  • input.border#00000015
  • input.foreground#0E3A4D
  • input.placeholderForeground#0E3A4D60
  • list.activeSelectionBackground#93722530
  • list.activeSelectionForeground#0E3A4D
  • list.highlightForeground#937225
  • list.hoverBackground#319B8440
  • list.hoverForeground#0E3A4D
  • list.inactiveSelectionBackground#93722515
  • list.inactiveSelectionForeground#0E3A4D
  • selection.background#83602125
  • sideBar.background#319B84
  • sideBar.border#00000015
  • sideBar.foreground#0E3A4D
  • sideBarSectionHeader.background#319B8480
  • sideBarSectionHeader.foreground#0E3A4D
  • sideBarTitle.foreground#937225
  • statusBar.background#FCFAF8
  • statusBar.border#00000015
  • statusBar.foreground#0E3A4D
  • statusBar.noFolderBackground#FCFAF8
  • tab.activeBackground#FCFAF8
  • tab.activeBorderTop#937225
  • tab.activeForeground#0E3A4D
  • tab.border#00000015
  • tab.inactiveBackground#FCFAF860
  • tab.inactiveForeground#0E3A4D80
  • terminal.ansiBlack#0E3A4D
  • terminal.ansiBlue#836021
  • terminal.ansiCyan#2987A3
  • terminal.ansiGreen#937225
  • terminal.ansiMagenta#765C19
  • terminal.ansiRed#765C19
  • terminal.ansiWhite#0E3A4D
  • terminal.ansiYellow#2987A3
  • terminal.background#FCFAF8
  • terminal.foreground#0E3A4D
  • titleBar.activeBackground#FCFAF8
  • titleBar.activeForeground#0E3A4D
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFAF8
  • titleBar.inactiveForeground#0E3A4D60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#FFF6E5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836021bold
storage.type, storage.modifier#836021italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#937225
string, punctuation.definition.string, string.template, meta.template.expression#2987A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#765C19
variable, variable.other.readwrite, variable.other.object#0E3A4D
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0E3A4D
variable.parameter, meta.parameter#0E3A4Ddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0E3A4D80
keyword.operator#0E3A4D
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2987A3bold
entity.other.inherited-class#937225
entity.name.tag, punctuation.definition.tag#836021
entity.other.attribute-name#937225
meta.diff, meta.diff.header#FFF6E5
markup.deleted#765C19
markup.inserted#937225
markup.changed#2987A3
markup.heading, markup.heading.setext, punctuation.definition.heading#937225bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2987A3
string.other.link.title, string.other.link.description#937225
markup.underline.link#FFF6E5underline
punctuation.definition.list#836021
markup.quote, punctuation.definition.quote#FFF6E5italic
Morphous Theme by Ameyanagi - VS Code Theme