Heliotrope
Publisher: DesyncThemes in package: 1
A deep purple and pink colour theme.
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.activeBorder#ff5c8d
- activityBar.background#2a1e2b
- activityBar.border#6e254f
- activityBar.foreground#ff5c8d
- activityBar.inactiveForeground#ff5c8d9c
- activityBarBadge.background#ff5c8d
- activityBarBadge.foreground#ffffff
- button.background#e95a85
- button.border#ffdbea
- button.foreground#ffdbea
- button.hoverBackground#00a2ff
- button.secondaryBackground#e95a85
- button.secondaryForeground#ffdbea
- button.separator#ff7300
- checkbox.background#e95a85
- checkbox.border#ffffff
- checkbox.foreground#ffffff
- dropdown.background#1a1215
- editor.background#1a0e1a
- editor.findMatchBackground#996a91a0
- editor.findMatchHighlightBackground#692364c0
- editor.foreground#d4eaff
- editor.lineHighlightBackground#ff5cd422
- editor.lineHighlightBorder#552135
- editor.selectionBackground#ff5cc171
- editor.selectionHighlightBackground#ff5c8d22
- editor.wordHighlightBackground#ff5c8d22
- editor.wordHighlightStrongBackground#ff5c8d22
- editorBracketHighlight.foreground1#ec5f67
- editorBracketHighlight.foreground2#98C379
- editorBracketHighlight.foreground3#f99157
- editorBracketHighlight.foreground4#bb80b3
- editorBracketHighlight.foreground5#fac863
- editorBracketHighlight.foreground6#5b7db3
- editorBracketMatch.border#d794ae
- editorCursor.background#ff0000
- editorCursor.foreground#ffdbea
- editorError.foreground#ff62a5
- editorGroup.dropBackground#ffa6fb20
- editorGroup.emptyBackground#1a1215
- editorGroupHeader.border#00000000
- editorGroupHeader.tabsBackground#2a1e2b
- editorGroupHeader.tabsBorder#00000000
- editorGutter.addedBackground#eeff00
- editorGutter.background#170c17
- editorGutter.commentRangeForeground#c5c5c5
- editorGutter.deletedBackground#94151b
- editorGutter.modifiedBackground#0c7d9d
- editorLineNumber.activeForeground#ffdbea
- editorLineNumber.foreground#c2497b
- editorWarning.foreground#d794ae
- editorWidget.background#341d34
- editorWidget.border#ffdbea
- editorWidget.foreground#cccccc
- extensionButton.prominentBackground#e95a85
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ff5c8d
- focusBorder#d794ae
- foreground#ffcef7
- icon.foreground#ff5ea1
- input.background#2f1f31
- input.border#6e254f
- input.foreground#ffd3f5
- inputOption.activeBorder#ffc8f0
- list.activeSelectionBackground#ff5c8d88
- list.errorForeground#ff5c8d
- list.focusBackground#ff5c8d88
- list.focusForeground#ffffff88
- list.highlightForeground#f8f0f8
- list.hoverBackground#e3b8d0
- list.inactiveSelectionBackground#ff5c8d55
- menu.background#4f1f31
- menu.foreground#ff7daf
- menu.selectionBackground#ff7daf
- menu.selectionForeground#4f1f31
- menu.separatorBackground#ea7599
- menubar.selectionBackground#ffffff1a
- menubar.selectionForeground#ff7daf
- minimap.background#160b13a0
- minimap.findMatchHighlight#ffb3de7c
- minimap.selectionHighlight#ff4eb27c
- minimapSlider.activeBackground#ff00b35d
- notificationCenter.border#ea7599
- notificationCenterHeader.background#ea7599
- notificationCenterHeader.foreground#ffffff
- notificationLink.foreground#ff5c8d
- notifications.background#422046
- notifications.foreground#ffdbea
- panel.background#2a1e2b
- panel.border#6e254f
- panelTitle.activeBorder#ffffff
- panelTitle.activeForeground#ff5c8d
- panelTitle.inactiveForeground#ffffff99
- peekView.border#ff5c8d
- quickInput.background#442944
- quickInput.foreground#bf578e
- quickInputList.focusBackground#bf578e
- quickInputList.focusForeground#ffffff
- quickInputList.focusIconForeground#ffffff
- scrollbarSlider.activeBackground#ff00b35d
- scrollbarSlider.background#ea759988
- scrollbarSlider.hoverBackground#ea759988
- sideBar.background#2a1e2b
- sideBar.border#6e254f
- sideBar.foreground#8b9cae
- sideBarSectionHeader.background#1a0e1a
- sideBarSectionHeader.border#6e254f
- statusBar.background#88314b
- statusBar.debuggingBackground#ea7599
- statusBar.noFolderBackground#ea7599
- tab.activeBackground#1a0e1a
- tab.activeBorderTop#ff8ee3
- tab.activeForeground#ffdbea
- tab.activeModifiedBorder#ff0000
- tab.border#ff5c8d44
- tab.inactiveBackground#2a1e2b
- tab.inactiveForeground#ffa2ca
- terminal.ansiWhite#ffffff
- terminal.foreground#ffffff
- terminal.selectionBackground#ff5cc171
- titleBar.activeBackground#942754
- titleBar.activeForeground#ffffff
- titleBar.border#6e254f
- titleBar.inactiveBackground#3d253d
- titleBar.inactiveForeground#acacac
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| Global settings | #EEFFFF | — |
| string | #C3E88D | — |
| punctuation, constant.other.symbol | #89DDFF | — |
| constant.character.escape, text.html constant.character.entity.named | #EEFFFF | — |
| constant.language.boolean | #ff9cac | — |
| constant.numeric | #F78C6C | — |
| variable, variable.parameter, support.variable, variable.language, support.constant, meta.definition.variable entity.name.function, meta.function-call.arguments | #EEFFFF | — |
| keyword.other | #F78C6C | — |
| keyword, modifier, variable.language.this, support.type.object, constant.language | #89DDFF | — |
| entity.name.function, support.function | #82AAFF | — |
| storage.type, storage.modifier, storage.control | #C792EA | — |
| support.module, support.node | #f07178 | italic |
| support.type, constant.other.key | #FFCB6B | — |
| entity.name.type, entity.other.inherited-class, entity.other | #FFCB6B | — |
| comment | #648793 | italic |
| comment punctuation.definition.comment, string.quoted.docstring | #648793 | italic |
| punctuation | #89DDFF | — |
| entity.name, entity.name.type.class, support.type, support.class, meta.use | #FFCB6B | — |
| variable.object.property, meta.field.declaration entity.name.function | #f07178 | — |
| meta.definition.method entity.name.function | #f07178 | — |
| meta.function entity.name.function | #82AAFF | — |
| template.expression.begin, template.expression.end, punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #89DDFF | — |
| meta.embedded, source.groovy.embedded, meta.template.expression | #EEFFFF | — |
| entity.name.tag.yaml | #f07178 | — |
| meta.object-literal.key, meta.object-literal.key string, support.type.property-name.json | #f07178 | — |
| constant.language.json | #89DDFF | — |
| entity.other.attribute-name.class | #FFCB6B | — |
| entity.other.attribute-name.id | #F78C6C | — |
| source.css entity.name.tag | #FFCB6B | — |
| support.type.property-name.css | #B2CCD6 | — |
| meta.tag, punctuation.definition.tag | #89DDFF | — |
| entity.name.tag | #f07178 | — |
| entity.other.attribute-name | #C792EA | — |
| punctuation.definition.entity.html | #EEFFFF | — |
| markup.heading | #89DDFF | — |
| text.html.markdown meta.link.inline, meta.link.reference | #f07178 | — |
| text.html.markdown beginning.punctuation.definition.list | #89DDFF | — |
| markup.italic | #f07178 | italic |
| markup.bold | #f07178 | bold |
| markup.bold markup.italic, markup.italic markup.bold | #f07178 | italic bold |
| markup.fenced_code.block.markdown punctuation.definition.markdown | #C3E88D | — |
| markup.inline.raw.string.markdown | #C3E88D | — |
| keyword.other.definition.ini | #f07178 | — |
| entity.name.section.group-title.ini | #89DDFF | — |
| source.cs meta.class.identifier storage.type | #FFCB6B | — |
| source.cs meta.method.identifier entity.name.function | #f07178 | — |
| source.cs meta.method-call meta.method, source.cs entity.name.function | #82AAFF | — |
| source.cs storage.type | #FFCB6B | — |
| source.cs meta.method.return-type | #FFCB6B | — |
| source.cs meta.preprocessor | #648793 | — |
| source.cs entity.name.type.namespace | #EEFFFF | — |
| meta.jsx.children, SXNested | #EEFFFF | — |
| support.class.component | #FFCB6B | — |
| source.cpp meta.block variable.other | #EEFFFF | — |
| source.python meta.member.access.python | #f07178 | — |
| source.python meta.function-call.python, meta.function-call.arguments | #82AAFF | — |
| meta.block | #f07178 | — |
| entity.name.function.call | #82AAFF | — |
| source.php support.other.namespace, source.php meta.use support.class | #EEFFFF | — |
| constant.keyword | #89DDFF | italic |
| entity.name.function | #82AAFF | — |
| Global settings | #EEFFFF | — |
| markup.deleted | #f07178 | — |
| markup.inserted | #C3E88D | — |
| markup.underline | — | underline |
| keyword.control | #89DDFF | italic |
| variable.parameter | — | italic |
| variable.parameter.function.language.special.self.python | #f07178 | italic |
| constant.character.format.placeholder.other.python | #F78C6C | — |
| markup.quote | #89DDFF | italic |
| markup.fenced_code.block | #EEFFFF90 | — |
| punctuation.definition.quote | #ff9cac | — |
| meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #FFCB6B | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #F78C6C | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #f07178 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #916b53 | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #82AAFF | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #ff9cac | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C792EA | — |
| meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #C3E88D | — |
| invalid | #ff5555 | underline |