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#F4FAF9
  • activityBar.border#00000015
  • activityBar.foreground#932535
  • activityBar.inactiveForeground#1C2A2E60
  • activityBarBadge.background#932535
  • activityBarBadge.foreground#F4FAF9
  • button.background#932535
  • button.foreground#F4FAF9
  • button.hoverBackground#932535dd
  • editor.background#F4FAF9
  • editor.foreground#1C2A2E
  • editor.inactiveSelectionBackground#83212F2580
  • editor.lineHighlightBackground#FFF6F050
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#83212F25
  • editorCursor.foreground#932535
  • editorGroupHeader.tabsBackground#FFF6F0aa
  • editorLineNumber.activeForeground#932535
  • editorLineNumber.foreground#9AA7A180
  • focusBorder#932535
  • foreground#1C2A2E
  • input.background#FFF6F0
  • input.border#00000015
  • input.foreground#1C2A2E
  • input.placeholderForeground#1C2A2E60
  • list.activeSelectionBackground#93253530
  • list.activeSelectionForeground#1C2A2E
  • list.highlightForeground#932535
  • list.hoverBackground#FFF6F040
  • list.hoverForeground#1C2A2E
  • list.inactiveSelectionBackground#93253515
  • list.inactiveSelectionForeground#1C2A2E
  • selection.background#83212F25
  • sideBar.background#FFF6F0
  • sideBar.border#00000015
  • sideBar.foreground#1C2A2E
  • sideBarSectionHeader.background#FFF6F080
  • sideBarSectionHeader.foreground#1C2A2E
  • sideBarTitle.foreground#932535
  • statusBar.background#F4FAF9
  • statusBar.border#00000015
  • statusBar.foreground#1C2A2E
  • statusBar.noFolderBackground#F4FAF9
  • tab.activeBackground#F4FAF9
  • tab.activeBorderTop#932535
  • tab.activeForeground#1C2A2E
  • tab.border#00000015
  • tab.inactiveBackground#F4FAF960
  • tab.inactiveForeground#1C2A2E80
  • terminal.ansiBlack#1C2A2E
  • terminal.ansiBlue#83212F
  • terminal.ansiCyan#29A38B
  • terminal.ansiGreen#932535
  • terminal.ansiMagenta#197376
  • terminal.ansiRed#197376
  • terminal.ansiWhite#1C2A2E
  • terminal.ansiYellow#29A38B
  • terminal.background#F4FAF9
  • terminal.foreground#1C2A2E
  • titleBar.activeBackground#F4FAF9
  • titleBar.activeForeground#1C2A2E
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F4FAF9
  • titleBar.inactiveForeground#1C2A2E60
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#9AA7A1italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#83212Fbold
storage.type, storage.modifier#83212Fitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#932535
string, punctuation.definition.string, string.template, meta.template.expression#29A38B
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#197376
variable, variable.other.readwrite, variable.other.object#1C2A2E
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1C2A2E
variable.parameter, meta.parameter#1C2A2Edditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1C2A2E80
keyword.operator#1C2A2E
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#29A38Bbold
entity.other.inherited-class#932535
entity.name.tag, punctuation.definition.tag#83212F
entity.other.attribute-name#932535
meta.diff, meta.diff.header#9AA7A1
markup.deleted#197376
markup.inserted#932535
markup.changed#29A38B
markup.heading, markup.heading.setext, punctuation.definition.heading#932535bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#29A38B
string.other.link.title, string.other.link.description#932535
markup.underline.link#9AA7A1underline
punctuation.definition.list#83212F
markup.quote, punctuation.definition.quote#9AA7A1italic
Morphous Theme by Ameyanagi - VS Code Theme