Purrp! Theme
Publisher: David PerkinsThemes in package: 1
A clean, minimal and purple theme for VS Code.
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#1c1420
- activityBar.foreground#ffffff
- activityBarBadge.background#e15d97
- activityBarBadge.foreground#ffffff
- button.background#4e2e63
- editor.background#2b1f32
- editor.foreground#f8f8f2
- editor.lineHighlightBackground#e15d9623
- editor.selectionBackground#9c5ae331
- editorCursor.foreground#e15d97
- editorGroupHeader.tabsBackground#261b2c
- editorGroupHeader.tabsBorder#62315e
- editorGutter.addedBackground#81b88b
- editorGutter.deletedBackground#c74e39
- editorGutter.modifiedBackground#8db9e2
- editorIndentGuide.activeBackground#9c5ae330
- editorIndentGuide.background#9c5ae314
- editorLineNumber.activeForeground#ffffff69
- editorLineNumber.foreground#ffffff1e
- editorWhitespace.foreground#ffffff17
- gitDecoration.addedResourceForeground#81b88b
- gitDecoration.conflictingResourceForeground#6c6cc4
- gitDecoration.deletedResourceForeground#c74e39
- gitDecoration.ignoredResourceForeground#a7a8a98e
- gitDecoration.modifiedResourceForeground#ffbd83d2
- gitDecoration.submoduleResourceForeground#8db9e2
- gitDecoration.untrackedResourceForeground#73c991
- list.activeSelectionBackground#9c5ae3
- list.hoverBackground#51346f
- list.hoverForeground#ffffff
- panel.background#261b2c
- panel.border#1c1420
- sideBar.background#261b2c
- sideBar.border#1c1420
- sideBarSectionHeader.background#4e2e63
- statusBar.background#e15d97
- tab.activeBackground#6c4892
- tab.activeBorder#6c4892
- tab.inactiveBackground#3e2955
- titleBar.activeBackground#261b2c
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| meta.tag.template.block.twig | — | italic |
| punctuation.section.tag.twig, keyword.control.twig, punctuation.separator.property.twig, punctuation.definition.string.begin.twig, punctuation.definition.string.end.twig, punctuation.definition.parameters.begin.twig, punctuation.definition.parameters.end.twig | #ae95bd | — |
| variable.other.twig, meta.tag.template.value.twig, variable.other.property.twig, string.quoted.double.twig, string.quoted.single.twig | #fff | — |
| keyword.operator.assignment.twig, constant.numeric.twig, keyword.operator.comparison.twig | #b174f7 | — |
| entity.name.tag.reference.scss | #ba82ffff | — |
| entity.other.attribute-name.class.css, entity.name.tag.css, entity.name.tag.wildcard.scss, entity.other.attribute-name.id.css | #82ffd3ff | — |
| entity.other.attribute-name.pseudo-class.css | #82ffd392 | — |
| string.quoted.single.scss, string.quoted.double.scss | #d391da6f | — |
| entity.other.attribute-name.pseudo-element.css | #f7c5ff | — |
| constant.other.color.rgb-value.hex.css | #ffffff | — |
| punctuation.seperator.key-value.scss, punctuation.terminator.rule.scss | #ffffff76 | — |
| entity.name.function.scss, entity.other.attribute-name.placeholder.css | #e98cf7e4 | — |
| punctuation.terminator.rule.css, punctuation.definition.string.begin.scss, punctuation.definition.string.end.scss, punctuation.definition.parameters.begin.bracket.round.scss, punctuation.definition.parameters.end.bracket.round.scss, punctuation.separator.key-value.scss, punctuation.terminator.rule.scss, punctuation.definition.begin.bracket.round.scss, punctuation.definition.end.bracket.round.scss, punctuation.separator.delimiter.scss | #ffffff57 | bold |
| punctuation.section.function.scss | #ff0099b2 | — |
| keyword.operator.css | #ffbd83 | — |
| keyword.control.at-rule.include.scss, keyword.control.at-rule.extend.scss, keyword.control.at-rule.import.scss, keyword.control.at-rule.mixin.scss | #dda4f96b | italic |
| support.type.property-name.css, support.type.vendored.property-name.css, entity.name.function.scss | #de9cff | — |
| comment, punctuation.definition.comment | #ffffff31 | italic |
| string | #82ffd3 | — |
| constant.numeric, keyword.other.unit.px.css, keyword.other.unit.vh.css, keyword.other.unit.ms.css, keyword.other.unit.rem.css, keyword.other.unit.percentage.css | #82f8fc | — |
| constant.language | #ffff00 | — |
| constant.character, constant.other | #ffff00 | — |
| variable | #ffffff | |
| *url*, *link*, *uri* | — | underline |
| keyword | #c389d5 | — |
| meta.tag, declaration.tag | #e15d97 | |
| storage | #ff81e6 | |
| storage.type | #7e718e | italic |
| entity.name.class | #35ba66 | underline |
| entity.other.inherited-class | #35ba66 | italic underline |
| entity.name.function | #bb8ee7 | |
| variable.parameter | #ffb86c | italic |
| entity.name.tag | #e15d97 | |
| entity.other.attribute-name | #35ba66 | |
| support.function | #0aacc5 | |
| support.constant | #6be5fd | |
| support.type, support.class | #00d5ff | italic |
| support.other.variable | — | |
| invalid | #F8F8F0 | |
| invalid.deprecated | #F8F8F0 | — |
| meta.structure.dictionary.json string.quoted.double.json | #CFCFC2 | — |
| meta.diff, meta.diff.header | #6272a4 | — |
| markup.deleted | #e15d97 | — |
| markup.inserted | #35ba66 | — |
| markup.changed | #fed888 | — |
| constant.numeric.line-number.find-in-files - match | #9b5fe0 | — |
| entity.name.filename | #fed888 | — |
| message.error | #bd1c14 | — |
| token.info-token | #6796e6 | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #b267e6 | — |
| punctuation.output.jekyll, punctuation.tag.jekyll, punctuation.output.liquid, punctuation.tag.liquid | #C8DDFCD1 | — |
| frontmatter.jekyll, frontmatter.liquid | #C8DDFCD1 | — |
| entity.name.tag.jekyll, entity.name.tag.jekyll | #F92672 | — |
| variable.other.jekyll, variable.other.liquid | #b267e6 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...