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#F8FBF4
  • activityBar.border#00000015
  • activityBar.foreground#469325
  • activityBar.inactiveForeground#1d211860
  • activityBarBadge.background#469325
  • activityBarBadge.foreground#F8FBF4
  • button.background#469325
  • button.foreground#F8FBF4
  • button.hoverBackground#469325dd
  • editor.background#F8FBF4
  • editor.foreground#1d2118
  • editor.inactiveSelectionBackground#5B83212580
  • editor.lineHighlightBackground#E6EED750
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#5B832125
  • editorCursor.foreground#469325
  • editorGroupHeader.tabsBackground#E6EED7aa
  • editorLineNumber.activeForeground#469325
  • editorLineNumber.foreground#7d8f7680
  • focusBorder#469325
  • foreground#1d2118
  • input.background#E6EED7
  • input.border#00000015
  • input.foreground#1d2118
  • input.placeholderForeground#1d211860
  • list.activeSelectionBackground#46932530
  • list.activeSelectionForeground#1d2118
  • list.highlightForeground#469325
  • list.hoverBackground#E6EED740
  • list.hoverForeground#1d2118
  • list.inactiveSelectionBackground#46932515
  • list.inactiveSelectionForeground#1d2118
  • selection.background#5B832125
  • sideBar.background#E6EED7
  • sideBar.border#00000015
  • sideBar.foreground#1d2118
  • sideBarSectionHeader.background#E6EED780
  • sideBarSectionHeader.foreground#1d2118
  • sideBarTitle.foreground#469325
  • statusBar.background#F8FBF4
  • statusBar.border#00000015
  • statusBar.foreground#1d2118
  • statusBar.noFolderBackground#F8FBF4
  • tab.activeBackground#F8FBF4
  • tab.activeBorderTop#469325
  • tab.activeForeground#1d2118
  • tab.border#00000015
  • tab.inactiveBackground#F8FBF460
  • tab.inactiveForeground#1d211880
  • terminal.ansiBlack#1d2118
  • terminal.ansiBlue#5B8321
  • terminal.ansiCyan#29A362
  • terminal.ansiGreen#469325
  • terminal.ansiMagenta#764719
  • terminal.ansiRed#764719
  • terminal.ansiWhite#1d2118
  • terminal.ansiYellow#29A362
  • terminal.background#F8FBF4
  • terminal.foreground#1d2118
  • titleBar.activeBackground#F8FBF4
  • titleBar.activeForeground#1d2118
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8FBF4
  • titleBar.inactiveForeground#1d211860
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7d8f76italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#5B8321bold
storage.type, storage.modifier#5B8321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#469325
string, punctuation.definition.string, string.template, meta.template.expression#29A362
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#764719
variable, variable.other.readwrite, variable.other.object#1d2118
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1d2118
variable.parameter, meta.parameter#1d2118dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1d211880
keyword.operator#1d2118
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A362bold
entity.other.inherited-class#469325
entity.name.tag, punctuation.definition.tag#5B8321
entity.other.attribute-name#469325
meta.diff, meta.diff.header#7d8f76
markup.deleted#764719
markup.inserted#469325
markup.changed#29A362
markup.heading, markup.heading.setext, punctuation.definition.heading#469325bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A362
string.other.link.title, string.other.link.description#469325
markup.underline.link#7d8f76underline
punctuation.definition.list#5B8321
markup.quote, punctuation.definition.quote#7d8f76italic
Morphous Theme by Ameyanagi - VS Code Theme