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#FCFCFC
  • activityBar.border#00000015
  • activityBar.foreground#932528
  • activityBar.inactiveForeground#F7F2F260
  • activityBarBadge.background#932528
  • activityBarBadge.foreground#FCFCFC
  • button.background#932528
  • button.foreground#FCFCFC
  • button.hoverBackground#932528dd
  • editor.background#FCFCFC
  • editor.foreground#F7F2F2
  • editor.inactiveSelectionBackground#6583212580
  • editor.lineHighlightBackground#F9F6F650
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#65832125
  • editorCursor.foreground#932528
  • editorGroupHeader.tabsBackground#F9F6F6aa
  • editorLineNumber.activeForeground#932528
  • editorLineNumber.foreground#E5E5E680
  • focusBorder#932528
  • foreground#F7F2F2
  • input.background#F9F6F6
  • input.border#00000015
  • input.foreground#F7F2F2
  • input.placeholderForeground#F7F2F260
  • list.activeSelectionBackground#93252830
  • list.activeSelectionForeground#F7F2F2
  • list.highlightForeground#932528
  • list.hoverBackground#F9F6F640
  • list.hoverForeground#F7F2F2
  • list.inactiveSelectionBackground#93252815
  • list.inactiveSelectionForeground#F7F2F2
  • selection.background#65832125
  • sideBar.background#F9F6F6
  • sideBar.border#00000015
  • sideBar.foreground#F7F2F2
  • sideBarSectionHeader.background#F9F6F680
  • sideBarSectionHeader.foreground#F7F2F2
  • sideBarTitle.foreground#932528
  • statusBar.background#FCFCFC
  • statusBar.border#00000015
  • statusBar.foreground#F7F2F2
  • statusBar.noFolderBackground#FCFCFC
  • tab.activeBackground#FCFCFC
  • tab.activeBorderTop#932528
  • tab.activeForeground#F7F2F2
  • tab.border#00000015
  • tab.inactiveBackground#FCFCFC60
  • tab.inactiveForeground#F7F2F280
  • terminal.ansiBlack#F7F2F2
  • terminal.ansiBlue#658321
  • terminal.ansiCyan#64A329
  • terminal.ansiGreen#932528
  • terminal.ansiMagenta#763919
  • terminal.ansiRed#763919
  • terminal.ansiWhite#F7F2F2
  • terminal.ansiYellow#64A329
  • terminal.background#FCFCFC
  • terminal.foreground#F7F2F2
  • titleBar.activeBackground#FCFCFC
  • titleBar.activeForeground#F7F2F2
  • titleBar.border#00000015
  • titleBar.inactiveBackground#FCFCFC
  • titleBar.inactiveForeground#F7F2F260
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E5E5E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#658321bold
storage.type, storage.modifier#658321italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932528
string, punctuation.definition.string, string.template, meta.template.expression#64A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763919
variable, variable.other.readwrite, variable.other.object#F7F2F2
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F2F2
variable.parameter, meta.parameter#F7F2F2dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F2F280
keyword.operator#F7F2F2
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#64A329bold
entity.other.inherited-class#932528
entity.name.tag, punctuation.definition.tag#658321
entity.other.attribute-name#932528
meta.diff, meta.diff.header#E5E5E6
markup.deleted#763919
markup.inserted#932528
markup.changed#64A329
markup.heading, markup.heading.setext, punctuation.definition.heading#932528bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#64A329
string.other.link.title, string.other.link.description#932528
markup.underline.link#E5E5E6underline
punctuation.definition.list#658321
markup.quote, punctuation.definition.quote#E5E5E6italic
Morphous Theme by Ameyanagi - VS Code Theme