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#F8F7F1
  • activityBar.border#00000015
  • activityBar.foreground#256993
  • activityBar.inactiveForeground#24323b60
  • activityBarBadge.background#256993
  • activityBarBadge.foreground#F8F7F1
  • button.background#256993
  • button.foreground#F8F7F1
  • button.hoverBackground#256993dd
  • editor.background#F8F7F1
  • editor.foreground#24323b
  • editor.inactiveSelectionBackground#8365212580
  • editor.lineHighlightBackground#FFFCF050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83652125
  • editorCursor.foreground#256993
  • editorGroupHeader.tabsBackground#FFFCF0aa
  • editorLineNumber.activeForeground#256993
  • editorLineNumber.foreground#d8d0bd80
  • focusBorder#256993
  • foreground#24323b
  • input.background#FFFCF0
  • input.border#00000015
  • input.foreground#24323b
  • input.placeholderForeground#24323b60
  • list.activeSelectionBackground#25699330
  • list.activeSelectionForeground#24323b
  • list.highlightForeground#256993
  • list.hoverBackground#FFFCF040
  • list.hoverForeground#24323b
  • list.inactiveSelectionBackground#25699315
  • list.inactiveSelectionForeground#24323b
  • selection.background#83652125
  • sideBar.background#FFFCF0
  • sideBar.border#00000015
  • sideBar.foreground#24323b
  • sideBarSectionHeader.background#FFFCF080
  • sideBarSectionHeader.foreground#24323b
  • sideBarTitle.foreground#256993
  • statusBar.background#F8F7F1
  • statusBar.border#00000015
  • statusBar.foreground#24323b
  • statusBar.noFolderBackground#F8F7F1
  • tab.activeBackground#F8F7F1
  • tab.activeBorderTop#256993
  • tab.activeForeground#24323b
  • tab.border#00000015
  • tab.inactiveBackground#F8F7F160
  • tab.inactiveForeground#24323b80
  • terminal.ansiBlack#24323b
  • terminal.ansiBlue#836521
  • terminal.ansiCyan#2995A3
  • terminal.ansiGreen#256993
  • terminal.ansiMagenta#763319
  • terminal.ansiRed#763319
  • terminal.ansiWhite#24323b
  • terminal.ansiYellow#2995A3
  • terminal.background#F8F7F1
  • terminal.foreground#24323b
  • titleBar.activeBackground#F8F7F1
  • titleBar.activeForeground#24323b
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F8F7F1
  • titleBar.inactiveForeground#24323b60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8d0bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#836521bold
storage.type, storage.modifier#836521italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#256993
string, punctuation.definition.string, string.template, meta.template.expression#2995A3
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763319
variable, variable.other.readwrite, variable.other.object#24323b
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#24323b
variable.parameter, meta.parameter#24323bdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#24323b80
keyword.operator#24323b
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#2995A3bold
entity.other.inherited-class#256993
entity.name.tag, punctuation.definition.tag#836521
entity.other.attribute-name#256993
meta.diff, meta.diff.header#d8d0bd
markup.deleted#763319
markup.inserted#256993
markup.changed#2995A3
markup.heading, markup.heading.setext, punctuation.definition.heading#256993bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#2995A3
string.other.link.title, string.other.link.description#256993
markup.underline.link#d8d0bdunderline
punctuation.definition.list#836521
markup.quote, punctuation.definition.quote#d8d0bditalic
Morphous Theme by Ameyanagi - VS Code Theme