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#FAF7F2
  • activityBar.border#00000015
  • activityBar.foreground#E31D1A
  • activityBar.inactiveForeground#0D0D0F60
  • activityBarBadge.background#E31D1A
  • activityBarBadge.foreground#FAF7F2
  • button.background#E31D1A
  • button.foreground#FAF7F2
  • button.hoverBackground#E31D1Add
  • editor.background#FAF7F2
  • editor.foreground#0D0D0F
  • editor.inactiveSelectionBackground#FF5A4D2580
  • editor.lineHighlightBackground#F2E7D550
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#FF5A4D25
  • editorCursor.foreground#E31D1A
  • editorGroupHeader.tabsBackground#F2E7D5aa
  • editorLineNumber.activeForeground#E31D1A
  • editorLineNumber.foreground#C8B99B80
  • focusBorder#E31D1A
  • foreground#0D0D0F
  • input.background#F2E7D5
  • input.border#00000015
  • input.foreground#0D0D0F
  • input.placeholderForeground#0D0D0F60
  • list.activeSelectionBackground#E31D1A30
  • list.activeSelectionForeground#0D0D0F
  • list.highlightForeground#E31D1A
  • list.hoverBackground#F2E7D540
  • list.hoverForeground#0D0D0F
  • list.inactiveSelectionBackground#E31D1A15
  • list.inactiveSelectionForeground#0D0D0F
  • selection.background#FF5A4D25
  • sideBar.background#F2E7D5
  • sideBar.border#00000015
  • sideBar.foreground#0D0D0F
  • sideBarSectionHeader.background#F2E7D580
  • sideBarSectionHeader.foreground#0D0D0F
  • sideBarTitle.foreground#E31D1A
  • statusBar.background#FAF7F2
  • statusBar.border#00000015
  • statusBar.foreground#0D0D0F
  • statusBar.noFolderBackground#FAF7F2
  • tab.activeBackground#FAF7F2
  • tab.activeBorderTop#E31D1A
  • tab.activeForeground#0D0D0F
  • tab.border#00000015
  • tab.inactiveBackground#FAF7F260
  • tab.inactiveForeground#0D0D0F80
  • terminal.ansiBlack#0D0D0F
  • terminal.ansiBlue#FF5A4D
  • terminal.ansiCyan#0EA5A6
  • terminal.ansiGreen#E31D1A
  • terminal.ansiMagenta#006B6D
  • terminal.ansiRed#006B6D
  • terminal.ansiWhite#0D0D0F
  • terminal.ansiYellow#0EA5A6
  • terminal.background#FAF7F2
  • terminal.foreground#0D0D0F
  • titleBar.activeBackground#FAF7F2
  • titleBar.activeForeground#0D0D0F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FAF7F2
  • titleBar.inactiveForeground#0D0D0F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C8B99Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#FF5A4Dbold
storage.type, storage.modifier#FF5A4Ditalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E31D1A
string, punctuation.definition.string, string.template, meta.template.expression#0EA5A6
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#006B6D
variable, variable.other.readwrite, variable.other.object#0D0D0F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#0D0D0F
variable.parameter, meta.parameter#0D0D0Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#0D0D0F80
keyword.operator#0D0D0F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#0EA5A6bold
entity.other.inherited-class#E31D1A
entity.name.tag, punctuation.definition.tag#FF5A4D
entity.other.attribute-name#E31D1A
meta.diff, meta.diff.header#C8B99B
markup.deleted#006B6D
markup.inserted#E31D1A
markup.changed#0EA5A6
markup.heading, markup.heading.setext, punctuation.definition.heading#E31D1Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#0EA5A6
string.other.link.title, string.other.link.description#E31D1A
markup.underline.link#C8B99Bunderline
punctuation.definition.list#FF5A4D
markup.quote, punctuation.definition.quote#C8B99Bitalic
Morphous Theme by Ameyanagi - VS Code Theme