Dusty Petal Theme
Publisher: lilinThemes in package: 2
A refined dusty rose and graphite VS Code theme with carefully crafted light and dark variants.
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.activeBackground#F4DEE1
- activityBar.activeBorder#C97E8E
- activityBar.background#FBEFF0
- activityBar.border#EFD9DD
- activityBar.dropBorder#E2B4BD
- activityBar.foreground#6E5A5E
- activityBar.inactiveForeground#B6A2A6
- activityBarBadge.background#D98C9C
- activityBarBadge.foreground#FFFFFF
- badge.background#D98C9C
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#7A6468
- breadcrumb.background#FFF5F5
- breadcrumb.focusForeground#7A6468
- breadcrumb.foreground#9B8A8E
- button.background#D98C9C
- button.foreground#FFFFFF
- button.hoverBackground#C97E8E
- button.secondaryBackground#F2D9DE
- button.secondaryForeground#6E4A52
- button.secondaryHoverBackground#EBCAD1
- checkbox.background#FFFFFF
- checkbox.border#E2B4BD
- checkbox.foreground#C97E8E
- contrastBorder#EAD9DC
- debugConsole.errorForeground#C45B6E
- debugConsole.infoForeground#8A8A8A
- debugConsole.sourceForeground#6E5A5E
- debugConsole.warningForeground#B5853F
- debugConsoleInputIcon.foreground#C97E8E
- debugIcon.breakpointDisabledForeground#D9B3BC
- debugIcon.breakpointForeground#C45B6E
- debugIcon.breakpointUnverifiedForeground#E2B4BD
- debugIcon.exceptionBreakpointForeground#C97E8E
- debugToolBar.background#FBEFF0
- debugView.exceptionLabelBackground#F7D6D0
- debugView.exceptionLabelForeground#C45B6E
- debugView.stateLabelBackground#EFE6E8
- debugView.stateLabelForeground#8A8A8A
- descriptionForeground#9B8A8E
- diffEditor.border#EFD9DD
- diffEditor.diagonalFill#EAD9DC
- diffEditor.insertedLineBackground#E4EBD980
- diffEditor.insertedTextBackground#E4EBD9
- diffEditor.removedLineBackground#F7D6D080
- diffEditor.removedTextBackground#F7D6D0
- dropdown.background#FFFFFF
- dropdown.border#EAD9DC
- dropdown.foreground#4A4A4A
- dropdown.listBackground#FFFFFF
- editor.background#FFF5F5
- editor.findMatchBackground#F7D6D0
- editor.findMatchBorder#D98C9C
- editor.findMatchHighlightBackground#FBE3DC
- editor.findMatchHighlightBorder#E2B4BD
- editor.foreground#4A4A4A
- editor.inactiveSelectionBackground#F4DEE1
- editor.lineHighlightBackground#FBEFF0
- editor.lineHighlightBorder#00000000
- editor.rangeHighlightBackground#F6E7EA
- editor.rangeHighlightBorder#00000000
- editor.selectionBackground#F2D9DE
- editor.selectionForeground#3A3033
- editor.selectionHighlightBackground#EFD2D880
- editor.selectionHighlightBorder#E2B4BD80
- editor.wordHighlightBackground#F2D9DE80
- editor.wordHighlightBorder#00000000
- editor.wordHighlightStrongBackground#EBCAD180
- editor.wordHighlightStrongBorder#00000000
- editorBracketMatch.background#F2D9DE
- editorBracketMatch.border#D98C9C
- editorBracketMatch.borderStylesolid
- editorCodeLens.foreground#B6A2A6
- editorCursor.foreground#C45B6E
- editorGhostText.foreground#C9B9BC
- editorGutter.addedBackground#9DB87C
- editorGutter.background#FFF5F5
- editorGutter.commentRangeForeground#C9B9BC
- editorGutter.deletedBackground#D98C9C
- editorGutter.modifiedBackground#C9B27E
- editorHoverWidget.background#FFFFFF
- editorHoverWidget.border#EAD9DC
- editorHoverWidget.foreground#4A4A4A
- editorHoverWidget.statusBarBackground#FBEFF0
- editorIndentGuide.activeBackground#E2B4BD
- editorIndentGuide.activeBackground1#E2B4BD
- editorIndentGuide.activeBackground2#EAC4CC
- editorIndentGuide.background#F0E0E3
- editorIndentGuide.background1#F0E0E3
- editorIndentGuide.background2#F4E6E9
- editorLightBulb.foreground#B5853F
- editorLightBulbAutoFix.foreground#9DB87C
- editorLineNumber.activeForeground#9B8A8E
- editorLineNumber.foreground#D2BFC2
- editorLink.activeForeground#C97E8E
- editorOverviewRuler.addedForeground#9DB87C
- editorOverviewRuler.border#EFD9DD
- editorOverviewRuler.deletedForeground#D98C9C
- editorOverviewRuler.errorForeground#C45B6E
- editorOverviewRuler.infoForeground#8AA0B3
- editorOverviewRuler.modifiedForeground#C9B27E
- editorOverviewRuler.warningForeground#E0B35C
- editorRuler.foreground#F0E0E3
- editorStickyScroll.background#FFF9F9
- editorStickyScrollHover.background#FBEFF0
- editorSuggestWidget.background#FFFFFF
- editorSuggestWidget.border#EAD9DC
- editorSuggestWidget.foreground#4A4A4A
- editorSuggestWidget.highlightForeground#C45B6E
- editorSuggestWidget.selectedBackground#F2D9DE
- editorSuggestWidgetStatus.foreground#B6A2A6
- editorWidget.background#FFFFFF
- editorWidget.border#EAD9DC
- editorWidget.foreground#4A4A4A
- editorWidget.resizeBorder#E2B4BD
- errorForeground#C45B6E
- extensionBadge.remoteBackground#D98C9C
- extensionBadge.remoteForeground#FFFFFF
- extensionButton.prominentBackground#D98C9C
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#C97E8E
- extensionIcon.preReleaseForeground#8AA0B3
- extensionIcon.sponsorForeground#D98C9C
- extensionIcon.starForeground#E0B35C
- extensionIcon.verifiedForeground#9DB87C
- focusBorder#E2B4BD
- focusHighlightBorder#E2B4BD
- foreground#4A4A4A
- gitDecoration.addedResourceForeground#7B9B53
- gitDecoration.conflictingResourceForeground#9B6DC4
- gitDecoration.deletedResourceForeground#C45B6E
- gitDecoration.ignoredResourceForeground#B6A2A6
- gitDecoration.modifiedResourceForeground#B5853F
- gitDecoration.submoduleResourceForeground#8AA0B3
- gitDecoration.untrackedResourceForeground#7B9B53
- icon.foreground#6E5A5E
- input.background#FFFFFF
- input.border#EAD9DC
- input.foreground#4A4A4A
- input.placeholderForeground#B6A2A6
- inputOption.activeBackground#EBCAD1
- inputOption.activeBorder#D98C9C
- inputValidation.errorBackground#F7D6D0
- inputValidation.errorBorder#C45B6E
- inputValidation.errorForeground#C45B6E
- inputValidation.infoBackground#E2ECF3
- inputValidation.infoBorder#8AA0B3
- inputValidation.infoForeground#4A6E85
- inputValidation.warningBackground#FBEFD6
- inputValidation.warningBorder#E0B35C
- inputValidation.warningForeground#B5853F
- keybindingLabel.background#F2D9DE
- keybindingLabel.border#EFD9DD
- keybindingLabel.bottomBorder#E2B4BD
- keybindingLabel.foreground#6E4A52
- list.activeSelectionBackground#F2D9DE
- list.activeSelectionForeground#3A3033
- list.activeSelectionIconForeground#C45B6E
- list.deemphasizedForeground#B6A2A6
- list.dropBackground#F2D9DE
- list.dropOutline#E2B4BD
- list.errorForeground#C45B6E
- list.filterMatchBackground#FBE3DC
- list.focusAndSelectionOutline#E2B4BD
- list.focusBackground#F2D9DE
- list.focusForeground#3A3033
- list.focusOutline#E2B4BD
- list.highlightForeground#C45B6E
- list.hoverBackground#FBEFF0
- list.hoverForeground#3A3033
- list.inactiveSelectionBackground#F6E7EA
- list.inactiveSelectionForeground#4A4A4A
- list.invalidItemForeground#C45B6E
- list.warningForeground#B5853F
- listFilterWidget.background#FFFFFF
- listFilterWidget.foreground#4A4A4A
- listFilterWidget.noMatchesOutline#C45B6E
- listFilterWidget.outline#EAD9DC
- listFilterWidget.shadow#00000030
- menu.background#FFFFFF
- menu.border#EFD9DD
- menu.foreground#4A4A4A
- menu.selectionBackground#F2D9DE
- menu.selectionForeground#3A3033
- menu.separatorBackground#EFD9DD
- menubar.selectionBackground#F2D9DE
- menubar.selectionForeground#3A3033
- merge.border#EFD9DD
- merge.commonContentBackground#EFE6E880
- merge.commonHeaderBackground#EFE6E8
- merge.currentContentBackground#E4EBD980
- merge.currentHeaderBackground#E4EBD9
- merge.incomingContentBackground#F7D6D080
- merge.incomingHeaderBackground#F7D6D0
- minimap.background#FFF5F5
- minimap.errorHighlight#C45B6E
- minimap.findMatchHighlight#F7D6D0
- minimap.selectionHighlight#F2D9DE
- minimap.sliderBackground#E2B4BD80
- minimap.sliderHoverBackground#E2B4BD
- minimap.warningHighlight#E0B35C
- minimapGutter.addedBackground#9DB87C
- minimapGutter.deletedBackground#D98C9C
- minimapGutter.modifiedBackground#C9B27E
- notification.background#FFFFFF
- notification.border#EFD9DD
- notification.buttonBackground#F2D9DE
- notification.buttonForeground#6E4A52
- notification.buttonHoverBackground#EBCAD1
- notification.errorBackground#F7D6D0
- notification.errorForeground#C45B6E
- notification.foreground#4A4A4A
- notification.infoBackground#E2ECF3
- notification.infoForeground#4A6E85
- notification.warningBackground#FBEFD6
- notification.warningForeground#B5853F
- notifications.background#FFFFFF
- notifications.border#EFD9DD
- notifications.focusBorder#E2B4BD
- notifications.foreground#4A4A4A
- panel.background#FDF3F4
- panel.border#EFD9DD
- panelInput.border#EAD9DC
- panelSectionHeader.background#F7E9EC
- panelSectionHeader.border#EFD9DD
- panelSectionHeader.foreground#7A6468
- panelTitle.activeBorder#C97E8E
- panelTitle.activeForeground#7A6468
- panelTitle.inactiveForeground#B6A2A6
- peekView.border#D98C9C
- peekViewEditor.background#FFF9F9
- peekViewEditor.foreground#4A4A4A
- peekViewEditor.matchHighlightBackground#FBE3DC
- peekViewEditor.matchHighlightBorder#D98C9C
- peekViewEditorGutter.background#FFF9F9
- peekViewResult.background#FFFFFF
- peekViewResult.fileForeground#7A6468
- peekViewResult.foreground#4A4A4A
- peekViewResult.lineForeground#9B8A8E
- peekViewResult.matchHighlightBackground#FBE3DC
- peekViewResult.selectionBackground#F2D9DE
- peekViewResult.selectionForeground#3A3033
- peekViewTitle.background#FBEFF0
- peekViewTitle.foreground#6E5A5E
- peekViewTitleDescription.foreground#B6A2A6
- peekViewTitleLabel.foreground#7A6468
- pickerGroup.border#EFD9DD
- pickerGroup.foreground#B6A2A6
- progressBar.background#D98C9C
- quickInput.background#FFFFFF
- quickInput.border#EAD9DC
- quickInput.foreground#4A4A4A
- quickInput.list.focusBackground#F2D9DE
- quickInput.list.focusForeground#3A3033
- quickInputList.focusBackground#F2D9DE
- quickInputList.focusForeground#3A3033
- quickInputTitle.background#FBEFF0
- quickInputTitle.foreground#6E5A5E
- scrollbar.shadow#00000020
- scrollbarSlider.activeBackground#D98C9C
- scrollbarSlider.background#E2B4BD80
- scrollbarSlider.hoverBackground#E2B4BD
- searchEditor.findMatchBackground#FBE3DC
- searchEditor.textInputBorder#EAD9DC
- settings.checkboxBackground#FFFFFF
- settings.checkboxBorder#E2B4BD
- settings.checkboxForeground#C97E8E
- settings.dropdownBackground#FFFFFF
- settings.dropdownBorder#EAD9DC
- settings.dropdownForeground#4A4A4A
- settings.dropdownListBorder#EAD9DC
- settings.focusedRowBackground#F4DEE1
- settings.focusedRowBorder#E2B4BD
- settings.headerForeground#7A6468
- settings.numberInputBackground#FFFFFF
- settings.numberInputBorder#EAD9DC
- settings.numberInputForeground#4A4A4A
- settings.rowHoverBackground#FBEFF0
- settings.textInputBackground#FFFFFF
- settings.textInputBorder#EAD9DC
- settings.textInputForeground#4A4A4A
- sideBar.background#FDF3F4
- sideBar.border#EFD9DD
- sideBar.dropBackground#F2D9DE
- sideBar.foreground#6E5A5E
- sideBarSectionHeader.background#F7E9EC
- sideBarSectionHeader.border#EFD9DD
- sideBarSectionHeader.foreground#7A6468
- sideBarTitle.foreground#7A6468
- statusBar.background#F4DEE1
- statusBar.border#EFD9DD
- statusBar.debuggingBackground#D98C9C
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#6E4A52
- statusBar.itemActiveBackground#EBCAD1
- statusBar.itemHoverBackground#EBCAD1
- statusBar.noFolderBackground#F4DEE1
- statusBar.noFolderForeground#6E4A52
- statusBarItem.prominentBackground#EBCAD1
- statusBarItem.prominentForeground#6E4A52
- statusBarItem.prominentHoverBackground#E2B4BD
- statusBarItem.remoteBackground#C97E8E
- statusBarItem.remoteForeground#FFFFFF
- statusBarItem.warningBackground#E0B35C
- statusBarItem.warningForeground#FFFFFF
- tab.activeBackground#FFF5F5
- tab.activeBorder#C97E8E
- tab.activeBorderTop#C97E8E
- tab.activeForeground#7A6468
- tab.border#EFD9DD
- tab.dragAndDropBorder#E2B4BD
- tab.hoverBackground#FBEFF0
- tab.hoverForeground#7A6468
- tab.inactiveBackground#F7E9EC
- tab.inactiveForeground#B6A2A6
- tab.lastPinnedBorder#E2B4BD
- tab.unfocusedActiveBackground#FBF1F2
- tab.unfocusedActiveBorder#E2B4BD
- tab.unfocusedActiveBorderTop#E2B4BD
- tab.unfocusedActiveForeground#9B8A8E
- tab.unfocusedHoverBackground#FBEFF0
- tab.unfocusedInactiveBackground#F7E9EC
- tab.unfocusedInactiveForeground#B6A2A6
- terminal.ansiBlack#4A4A4A
- terminal.ansiBlue#5F7E9B
- terminal.ansiBrightBlack#6E5A5E
- terminal.ansiBrightBlue#7A9BB8
- terminal.ansiBrightCyan#6FB0B0
- terminal.ansiBrightForeground#4A4A4A
- terminal.ansiBrightGreen#9DB87C
- terminal.ansiBrightMagenta#B58FD8
- terminal.ansiBrightRed#D98C9C
- terminal.ansiBrightWhite#C9B9BC
- terminal.ansiBrightYellow#D9A85C
- terminal.ansiCyan#4F8C8C
- terminal.ansiGreen#7B9B53
- terminal.ansiMagenta#9B6DC4
- terminal.ansiRed#C45B6E
- terminal.ansiWhite#9B8A8E
- terminal.ansiYellow#B5853F
- terminal.background#FFF5F5
- terminal.foreground#4A4A4A
- terminal.inactiveSelectionBackground#F4DEE1
- terminal.selectionBackground#F2D9DE
- terminalCursor.foreground#C45B6E
- textBlockQuote.background#F7E9EC
- textBlockQuote.border#E2B4BD
- textCodeBlock.background#F4DEE1
- textLink.activeForeground#C45B6E
- textLink.foreground#C97E8E
- textPreformat.foreground#9B6DC4
- textSeparator.foreground#EFD9DD
- titleBar.activeBackground#F4DEE1
- titleBar.activeForeground#6E4A52
- titleBar.border#EFD9DD
- titleBar.inactiveBackground#F7E9EC
- titleBar.inactiveForeground#B6A2A6
- toolbar.activeBackground#EBCAD1
- toolbar.hoverBackground#FBEFF0
- toolbar.hoverOutline#E2B4BD
- tree.indentGuidesStroke#EFD9DD
- walkThrough.embeddedEditorBackground#FFF9F9
- welcomePage.background#FFF5F5
- welcomePage.buttonBackground#F2D9DE
- welcomePage.buttonHoverBackground#EBCAD1
- welcomePage.progress.background#EFD9DD
- welcomePage.progress.foreground#D98C9C
- welcomePage.tileBackground#FFFFFF
- welcomePage.tileBorder#EFD9DD
- welcomePage.tileHoverBackground#FBEFF0
- widget.border#EAD9DC
- widget.shadow#00000030
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #B89BA0 | italic |
| comment.line | #B89BA0 | italic |
| comment.block | #B89BA0 | italic |
| string | #7B9B53 | — |
| string.quoted | #7B9B53 | — |
| string.template | #6F9149 | — |
| string.regexp | #C99A4F | — |
| constant.numeric | #B5853F | — |
| constant.numeric.hex | #B5853F | — |
| constant.language | #9B6DC4 | — |
| constant.language.boolean | #9B6DC4 | — |
| constant.language.null | #9B6DC4 | — |
| constant.language.undefined | #9B6DC4 | — |
| constant.character.escape | #C99A4F | — |
| constant.other.color | #D98C9C | — |
| keyword | #C97E8E | — |
| keyword.control | #C97E8E | — |
| keyword.operator | #9B8A8E | — |
| keyword.operator.new | #C97E8E | — |
| keyword.operator.logical | #C97E8E | — |
| keyword.other.unit | #B5853F | — |
| keyword.other.special-method | #C97E8E | — |
| storage | #9B6DC4 | — |
| storage.type | #9B6DC4 | — |
| storage.modifier | #9B6DC4 | — |
| entity.name.function | #5F7E9B | — |
| entity.name.function.call | #5F7E9B | — |
| support.function | #5F7E9B | — |
| support.function.builtin | #4F8C8C | — |
| entity.name.class | #B5853F | — |
| entity.name.type | #B5853F | — |
| entity.name.type.class | #B5853F | — |
| support.type | #B5853F | — |
| support.type.class | #B5853F | — |
| entity.name.namespace | #8A8A8A | — |
| entity.name.module | #8A8A8A | — |
| entity.name.interface | #B5853F | — |
| entity.name.enum | #B5853F | — |
| entity.name.struct | #B5853F | — |
| entity.name.tag | #C97E8E | — |
| entity.name.tag.css | #C45B6E | — |
| entity.name.tag.custom | #C97E8E | — |
| entity.other.attribute-name | #B5853F | — |
| entity.other.attribute-name.class | #B5853F | — |
| entity.other.attribute-name.id | #5F7E9B | — |
| variable | #4A4A4A | — |
| variable.parameter | #6E5A5E | — |
| variable.other.constant | #9B6DC4 | — |
| variable.other.property | #6E5A5E | — |
| variable.other.object.property | #6E5A5E | — |
| support.variable | #6E5A5E | — |
| support.variable.property | #6E5A5E | — |
| support.constant | #9B6DC4 | — |
| support.constant.property-value | #7B9B53 | — |
| support.class | #B5853F | — |
| punctuation.definition.comment | #B89BA0 | — |
| punctuation.definition.string | #7B9B53 | — |
| punctuation.definition.character | #7B9B53 | — |
| punctuation.definition.tag | #C97E8E | — |
| punctuation.definition.block | #9B8A8E | — |
| punctuation.definition.parameters | #9B8A8E | — |
| punctuation.definition.template-expression | #C99A4F | — |
| punctuation.section | #9B8A8E | — |
| punctuation.separator | #9B8A8E | — |
| punctuation.terminator | #9B8A8E | — |
| meta.brace | #9B8A8E | — |
| meta.delimiter | #9B8A8E | — |
| meta.tag | #9B8A8E | — |
| invalid | #C45B6E | — |
| invalid.deprecated | #C45B6E | — |
| invalid.illegal | #C45B6E | — |
| markup.heading | #C45B6E | bold |
| markup.heading.1 | #C45B6E | bold |
| markup.heading.2 | #C45B6E | bold |
| markup.heading.3 | #C97E8E | bold |
| markup.heading.4 | #C97E8E | bold |
| markup.heading.5 | #C97E8E | — |
| markup.heading.6 | #C97E8E | — |
| markup.bold | #9B6DC4 | bold |
| markup.italic | — | italic |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.quote | #7B9B53 | italic |
| markup.list | #C97E8E | — |
| markup.list.unnumbered | #C97E8E | — |
| markup.list.numbered | #B5853F | — |
| markup.raw.inline | #4F8C8C | — |
| markup.fenced_code | #4A4A4A | — |
| markup.link | #5F7E9B | underline |
| markup.inserted | #7B9B53 | — |
| markup.deleted | #C45B6E | — |
| markup.changed | #B5853F | — |
| markup.prompt | #5F7E9B | — |
| meta.diff.header | #8A8A8A | — |
| source.diff | #8A8A8A | — |
| regexp | #C99A4F | — |
| json.key | #6E5A5E | — |
| source.json meta.structure.dictionary.key string | #6E5A5E | — |
| yaml.key | #6E5A5E | — |
| source.yaml entity.name.tag | #6E5A5E | — |
| sql.keyword | #C97E8E | — |
| sql.string | #7B9B53 | — |
| sql.numeric | #B5853F | — |
| sql.storage | #9B6DC4 | — |
| php.string | #7B9B53 | — |
| php.keyword | #C97E8E | — |
| php.constant.language | #9B6DC4 | — |
| php.function-call | #5F7E9B | — |
| python.string | #7B9B53 | — |
| python.keyword | #C97E8E | — |
| python.function-call | #5F7E9B | — |
| python.parameter | #6E5A5E | — |
| python.decorator | #B5853F | — |
| rust.string | #7B9B53 | — |
| rust.keyword | #C97E8E | — |
| rust.function | #5F7E9B | — |
| go.string | #7B9B53 | — |
| go.keyword | #C97E8E | — |
| go.function | #5F7E9B | — |
| java.string | #7B9B53 | — |
| java.keyword | #C97E8E | — |
| java.storage.type | #9B6DC4 | — |
| c.string | #7B9B53 | — |
| c.keyword | #C97E8E | — |
| c.function | #5F7E9B | — |
| cpp.string | #7B9B53 | — |
| cpp.keyword | #C97E8E | — |
| csharp.string | #7B9B53 | — |
| csharp.keyword | #C97E8E | — |
| csharp.storage.type | #9B6DC4 | — |
| shell.string | #7B9B53 | — |
| shell.keyword | #C97E8E | — |
| shell.function | #5F7E9B | — |