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#FFF7E6
  • activityBar.border#00000015
  • activityBar.foreground#E64A1F
  • activityBar.inactiveForeground#162A1F60
  • activityBarBadge.background#E64A1F
  • activityBarBadge.foreground#FFF7E6
  • button.background#E64A1F
  • button.foreground#FFF7E6
  • button.hoverBackground#E64A1Fdd
  • editor.background#FFF7E6
  • editor.foreground#162A1F
  • editor.inactiveSelectionBackground#2E7D322580
  • editor.lineHighlightBackground#FFF7E650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#2E7D3225
  • editorCursor.foreground#E64A1F
  • editorGroupHeader.tabsBackground#FFF7E6aa
  • editorLineNumber.activeForeground#E64A1F
  • editorLineNumber.foreground#A8B87980
  • focusBorder#E64A1F
  • foreground#162A1F
  • input.background#FFF7E6
  • input.border#00000015
  • input.foreground#162A1F
  • input.placeholderForeground#162A1F60
  • list.activeSelectionBackground#E64A1F30
  • list.activeSelectionForeground#162A1F
  • list.highlightForeground#E64A1F
  • list.hoverBackground#FFF7E640
  • list.hoverForeground#162A1F
  • list.inactiveSelectionBackground#E64A1F15
  • list.inactiveSelectionForeground#162A1F
  • selection.background#2E7D3225
  • sideBar.background#FFF7E6
  • sideBar.border#00000015
  • sideBar.foreground#162A1F
  • sideBarSectionHeader.background#FFF7E680
  • sideBarSectionHeader.foreground#162A1F
  • sideBarTitle.foreground#E64A1F
  • statusBar.background#FFF7E6
  • statusBar.border#00000015
  • statusBar.foreground#162A1F
  • statusBar.noFolderBackground#FFF7E6
  • tab.activeBackground#FFF7E6
  • tab.activeBorderTop#E64A1F
  • tab.activeForeground#162A1F
  • tab.border#00000015
  • tab.inactiveBackground#FFF7E660
  • tab.inactiveForeground#162A1F80
  • terminal.ansiBlack#162A1F
  • terminal.ansiBlue#2E7D32
  • terminal.ansiCyan#FFC107
  • terminal.ansiGreen#E64A1F
  • terminal.ansiMagenta#C5E86A
  • terminal.ansiRed#C5E86A
  • terminal.ansiWhite#162A1F
  • terminal.ansiYellow#FFC107
  • terminal.background#FFF7E6
  • terminal.foreground#162A1F
  • titleBar.activeBackground#FFF7E6
  • titleBar.activeForeground#162A1F
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FFF7E6
  • titleBar.inactiveForeground#162A1F60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#A8B879italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#2E7D32bold
storage.type, storage.modifier#2E7D32italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E64A1F
string, punctuation.definition.string, string.template, meta.template.expression#FFC107
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#C5E86A
variable, variable.other.readwrite, variable.other.object#162A1F
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#162A1F
variable.parameter, meta.parameter#162A1Fdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#162A1F80
keyword.operator#162A1F
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#FFC107bold
entity.other.inherited-class#E64A1F
entity.name.tag, punctuation.definition.tag#2E7D32
entity.other.attribute-name#E64A1F
meta.diff, meta.diff.header#A8B879
markup.deleted#C5E86A
markup.inserted#E64A1F
markup.changed#FFC107
markup.heading, markup.heading.setext, punctuation.definition.heading#E64A1Fbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#FFC107
string.other.link.title, string.other.link.description#E64A1F
markup.underline.link#A8B879underline
punctuation.definition.list#2E7D32
markup.quote, punctuation.definition.quote#A8B879italic
Morphous Theme by Ameyanagi - VS Code Theme