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#FCFDFC
  • activityBar.border#00000015
  • activityBar.foreground#25935C
  • activityBar.inactiveForeground#072E2260
  • activityBarBadge.background#25935C
  • activityBarBadge.foreground#FCFDFC
  • button.background#25935C
  • button.foreground#FCFDFC
  • button.hoverBackground#25935Cdd
  • editor.background#FCFDFC
  • editor.foreground#072E22
  • editor.inactiveSelectionBackground#7983212580
  • editor.lineHighlightBackground#FEFAF150
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79832125
  • editorCursor.foreground#25935C
  • editorGroupHeader.tabsBackground#FEFAF1aa
  • editorLineNumber.activeForeground#25935C
  • editorLineNumber.foreground#D9E6DC80
  • focusBorder#25935C
  • foreground#072E22
  • input.background#FEFAF1
  • input.border#00000015
  • input.foreground#072E22
  • input.placeholderForeground#072E2260
  • list.activeSelectionBackground#25935C30
  • list.activeSelectionForeground#072E22
  • list.highlightForeground#25935C
  • list.hoverBackground#FEFAF140
  • list.hoverForeground#072E22
  • list.inactiveSelectionBackground#25935C15
  • list.inactiveSelectionForeground#072E22
  • selection.background#79832125
  • sideBar.background#FEFAF1
  • sideBar.border#00000015
  • sideBar.foreground#072E22
  • sideBarSectionHeader.background#FEFAF180
  • sideBarSectionHeader.foreground#072E22
  • sideBarTitle.foreground#25935C
  • statusBar.background#FCFDFC
  • statusBar.border#00000015
  • statusBar.foreground#072E22
  • statusBar.noFolderBackground#FCFDFC
  • tab.activeBackground#FCFDFC
  • tab.activeBorderTop#25935C
  • tab.activeForeground#072E22
  • tab.border#00000015
  • tab.inactiveBackground#FCFDFC60
  • tab.inactiveForeground#072E2280
  • terminal.ansiBlack#072E22
  • terminal.ansiBlue#798321
  • terminal.ansiCyan#A39529
  • terminal.ansiGreen#25935C
  • terminal.ansiMagenta#764719
  • terminal.ansiRed#764719
  • terminal.ansiWhite#072E22
  • terminal.ansiYellow#A39529
  • terminal.background#FCFDFC
  • terminal.foreground#072E22
  • titleBar.activeBackground#FCFDFC
  • titleBar.activeForeground#072E22
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFDFC
  • titleBar.inactiveForeground#072E2260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#D9E6DCitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#798321bold
storage.type, storage.modifier#798321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25935C
string, punctuation.definition.string, string.template, meta.template.expression#A39529
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764719
variable, variable.other.readwrite, variable.other.object#072E22
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#072E22
variable.parameter, meta.parameter#072E22dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#072E2280
keyword.operator#072E22
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A39529bold
entity.other.inherited-class#25935C
entity.name.tag, punctuation.definition.tag#798321
entity.other.attribute-name#25935C
meta.diff, meta.diff.header#D9E6DC
markup.deleted#764719
markup.inserted#25935C
markup.changed#A39529
markup.heading, markup.heading.setext, punctuation.definition.heading#25935Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A39529
string.other.link.title, string.other.link.description#25935C
markup.underline.link#D9E6DCunderline
punctuation.definition.list#798321
markup.quote, punctuation.definition.quote#D9E6DCitalic
Morphous Theme by Ameyanagi - VS Code Theme