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#FCFEFB
  • activityBar.border#00000015
  • activityBar.foreground#25932C
  • activityBar.inactiveForeground#1e302560
  • activityBarBadge.background#25932C
  • activityBarBadge.foreground#FCFEFB
  • button.background#25932C
  • button.foreground#FCFEFB
  • button.hoverBackground#25932Cdd
  • editor.background#FCFEFB
  • editor.foreground#1e3025
  • editor.inactiveSelectionBackground#2177832580
  • editor.lineHighlightBackground#EEF6EF50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#21778325
  • editorCursor.foreground#25932C
  • editorGroupHeader.tabsBackground#EEF6EFaa
  • editorLineNumber.activeForeground#25932C
  • editorLineNumber.foreground#a9bda780
  • focusBorder#25932C
  • foreground#1e3025
  • input.background#EEF6EF
  • input.border#00000015
  • input.foreground#1e3025
  • input.placeholderForeground#1e302560
  • list.activeSelectionBackground#25932C30
  • list.activeSelectionForeground#1e3025
  • list.highlightForeground#25932C
  • list.hoverBackground#EEF6EF40
  • list.hoverForeground#1e3025
  • list.inactiveSelectionBackground#25932C15
  • list.inactiveSelectionForeground#1e3025
  • selection.background#21778325
  • sideBar.background#EEF6EF
  • sideBar.border#00000015
  • sideBar.foreground#1e3025
  • sideBarSectionHeader.background#EEF6EF80
  • sideBarSectionHeader.foreground#1e3025
  • sideBarTitle.foreground#25932C
  • statusBar.background#FCFEFB
  • statusBar.border#00000015
  • statusBar.foreground#1e3025
  • statusBar.noFolderBackground#FCFEFB
  • tab.activeBackground#FCFEFB
  • tab.activeBorderTop#25932C
  • tab.activeForeground#1e3025
  • tab.border#00000015
  • tab.inactiveBackground#FCFEFB60
  • tab.inactiveForeground#1e302580
  • terminal.ansiBlack#1e3025
  • terminal.ansiBlue#217783
  • terminal.ansiCyan#A37E29
  • terminal.ansiGreen#25932C
  • terminal.ansiMagenta#247619
  • terminal.ansiRed#247619
  • terminal.ansiWhite#1e3025
  • terminal.ansiYellow#A37E29
  • terminal.background#FCFEFB
  • terminal.foreground#1e3025
  • titleBar.activeBackground#FCFEFB
  • titleBar.activeForeground#1e3025
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFEFB
  • titleBar.inactiveForeground#1e302560
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a9bda7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#217783bold
storage.type, storage.modifier#217783italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#25932C
string, punctuation.definition.string, string.template, meta.template.expression#A37E29
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#247619
variable, variable.other.readwrite, variable.other.object#1e3025
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1e3025
variable.parameter, meta.parameter#1e3025dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1e302580
keyword.operator#1e3025
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A37E29bold
entity.other.inherited-class#25932C
entity.name.tag, punctuation.definition.tag#217783
entity.other.attribute-name#25932C
meta.diff, meta.diff.header#a9bda7
markup.deleted#247619
markup.inserted#25932C
markup.changed#A37E29
markup.heading, markup.heading.setext, punctuation.definition.heading#25932Cbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A37E29
string.other.link.title, string.other.link.description#25932C
markup.underline.link#a9bda7underline
punctuation.definition.list#217783
markup.quote, punctuation.definition.quote#a9bda7italic
Morphous Theme by Ameyanagi - VS Code Theme