Ooh! A Flower!
Publisher: Dashiell PowersThemes in package: 1
A soft, floral 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#8339c9
- activityBar.background#eae0ef
- activityBar.border#eae0ef
- activityBar.foreground#77b2f1
- activityBar.inactiveForeground#c6accc
- activityBarBadge.background#db6cc3
- activityBarBadge.foreground#f5f0f9
- badge.background#f5f0f9
- badge.foreground#6a4d7b
- breadcrumb.activeSelectionForeground#efefef
- breadcrumb.background#f8efff
- button.background#9d99ce
- button.foreground#ffffff
- button.hoverBackground#7a75b3
- dropdown.background#f5f0f9
- dropdown.foreground#6a4d7b
- editor.background#f9f6fb
- editor.findMatchBackground#9cb99e
- editor.findMatchHighlightBackground#a2d2e955
- editor.foreground#3d0059
- editor.lineHighlightBackground#f4eff7b0
- editor.selectionBackground#bc9dc681
- editorBracketMatch.background#05b0b61a
- editorCursor.foreground#888888
- editorGroupHeader.tabsBackground#eae0ef
- editorHoverWidget.background#eae4f0
- editorIndentGuide.activeBackground#4f0e9e50
- editorLineNumber.foreground#612393a2
- editorSuggestWidget.background#eae4f0
- editorSuggestWidget.border#dcd4e4
- editorSuggestWidget.foreground#561574
- editorSuggestWidget.highlightForeground#ac57af
- editorSuggestWidget.selectedBackground#175cdb3d
- editorWhitespace.foreground#e4d9ec
- editorWidget.background#eae4f0
- editorWidget.border#dcd4e4
- editorWidget.foreground#616161
- editorWidget.resizeBorder#dcd4e4
- focusBorder#670a922a
- foreground#616161
- input.background#ffffff
- input.foreground#776c7e
- input.placeholderForeground#b3acb8
- list.activeSelectionBackground#a19dd8
- list.activeSelectionForeground#efefef
- list.dropBackground#e3c8f5
- list.errorForeground#b01010
- list.highlightForeground#efefef
- list.hoverBackground#dcd4e4
- list.inactiveSelectionBackground#a19dd87c
- list.inactiveSelectionForeground#525252
- menu.background#e0d1ed
- menu.foreground#6a4d7b
- menu.selectionBackground#6c328d79
- menu.selectionForeground#f9f6fb
- menu.separatorBackground#6a4d7b
- menubar.selectionForeground#efefef
- notificationLink.foreground#efefef
- panel.background#eae0ef
- panelTitle.activeBorder#efefef
- pickerGroup.foreground#efefef
- progressBar.background#efefef
- scrollbar.shadow#f5f0f9
- scrollbarSlider.activeBackground#bc9dc6
- scrollbarSlider.background#bc9dc6
- scrollbarSlider.hoverBackground#8c6e96
- settings.headerForeground#6a4d7b
- settings.modifiedItemIndicator#503461
- sideBar.background#f5f0f9
- sideBar.foreground#6a4d7b
- sideBarSectionHeader.background#e9daec
- statusBar.background#6a4d7b
- statusBar.foreground#efefef
- tab.activeBackground#ad8cc8
- tab.activeBorder#70518a
- tab.activeForeground#efefef
- tab.border#afa2b400
- tab.inactiveBackground#e0d1ed
- tab.inactiveForeground#6a4d7b
- terminal.foreground#6a4d7b
- textLink.activeForeground#7249d3
- textLink.foreground#7249d3
- titleBar.activeBackground#ac89c0
- titleBar.activeForeground#efefef
- titleBar.inactiveBackground#7a6586
- titleBar.inactiveForeground#d4ceda
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #948293 | italic |
| string | #6AA36F | — |
| constant.numeric | #64AAE3 | — |
| constant.language | #D953A3 | — |
| constant.character, constant.other | #D872DB | bold |
| variable, punctuation.definition.variable | #653ba8 | |
| keyword | #9e188c | — |
| storage | #D481E3 | |
| storage.type | #9e188c | — |
| entity.name.class | #0C02CC | — |
| entity.other.inherited-class | #79009E | — |
| entity.name.function | #E352D0 | |
| variable.parameter | #653ba8 | — |
| entity.name.tag | #9B45E6 | |
| entity.other.attribute-name | #002A9E | |
| support.function | #C712C7 | — |
| support.variable.property | #653ba8 | — |
| support.constant | #D11463 | |
| support.type, support.class | #5888D1 | — |
| support.other.variable | — | |
| invalid | — | |
| invalid.deprecated | — | — |
| meta.structure.dictionary.json string.quoted.double.json | #6AA36F | — |
| meta.diff, meta.diff.header | #75715E | — |
| markup.deleted | #00A8C6 | — |
| markup.inserted | #A6E22E | — |
| markup.changed | #E6DB74 | — |
| constant.numeric.line-number.find-in-files - match | #8FBE00A0 | — |
| entity.name.filename.find-in-files | #E6DB74 | — |
| meta.function-call | #E352D0 | — |
| punctuation.definition, punctuation.section, punctuation.terminator, punctuation.separator, punctuation.accessor, meta.brace | #8467b391 | — |
| keyword.operator | #653ba8 | — |
| comment, punctuation.definition.comment | #948293 | italic |
| Keyword, Storage | — | italic |
| keyword.control | — | italic |
| entity.other.attribute-name | — | italic |
| entity.name.method.js | — | italic |
| variable.language | — | italic |
| text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name | — | italic |
| tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js | — | italic |
| source.js constant.other.object.key.js string.unquoted.label.js | — | italic |
| markup.italic | — | italic |
| markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string | — | bold |
| markup.quote | — | italic |
| token.info-token | #316bcd | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #cd3131 | — |
| token.debug-token | #800080 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...