Blossom Dusk PS Theme
Publisher: Pranav S SThemes in package: 2
A VS Code color theme with warm blossom dusk tones. Includes dark and light 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.background#130810
- activityBar.border#200e16
- activityBar.foreground#ffdccc
- activityBar.inactiveForeground#3d1828
- activityBarBadge.background#fb6376
- activityBarBadge.foreground#fff9ec
- badge.background#fb6376
- badge.foreground#fff9ec
- breadcrumb.activeSelectionForeground#fcb1a6
- breadcrumb.focusForeground#ffdccc
- breadcrumb.foreground#3d1828
- breadcrumbPicker.background#200e16
- button.background#5d2a42
- button.foreground#ffdccc
- button.hoverBackground#7a3858
- button.secondaryBackground#fb6376
- button.secondaryForeground#fff9ec
- button.secondaryHoverBackground#e04560
- debugToolBar.background#200e16
- debugToolBar.border#2e1220
- descriptionForeground#5d2a42
- diffEditor.insertedLineBackground#5a8a6a10
- diffEditor.insertedTextBackground#5a8a6a18
- diffEditor.removedLineBackground#fb637615
- diffEditor.removedTextBackground#fb637625
- diffEditorGutter.insertedLineBackground#5a8a6a25
- diffEditorGutter.removedLineBackground#fb637630
- dropdown.background#200e16
- dropdown.border#2e1220
- dropdown.foreground#ffdccc
- editor.background#1a0b12
- editor.findMatchBackground#fb637650
- editor.findMatchHighlightBackground#fb637628
- editor.foreground#ffdccc
- editor.inactiveSelectionBackground#5d2a4230
- editor.lineHighlightBackground#200e16
- editor.rangeHighlightBackground#fb637615
- editor.selectionBackground#5d2a4260
- editor.selectionForeground#fff9ec
- editor.wordHighlightBackground#fb637625
- editor.wordHighlightStrongBackground#fb637640
- editorBracketMatch.background#5d2a4240
- editorBracketMatch.border#5d2a42
- editorCursor.foreground#fb6376
- editorError.foreground#f14c4c
- editorGroupHeader.tabsBackground#130810
- editorGroupHeader.tabsBorder#200e16
- editorGutter.addedBackground#5a8a6a
- editorGutter.background#1a0b12
- editorGutter.deletedBackground#fb6376
- editorGutter.modifiedBackground#5d2a42
- editorHint.foreground#5d2a42
- editorHoverWidget.background#200e16
- editorHoverWidget.border#2e1220
- editorHoverWidget.foreground#ffdccc
- editorIndentGuide.activeBackground1#5d2a42
- editorIndentGuide.background1#251018
- editorInfo.foreground#fcb1a6
- editorLineNumber.activeForeground#5d2a42
- editorLineNumber.foreground#3d1828
- editorRuler.foreground#251018
- editorSuggestWidget.background#200e16
- editorSuggestWidget.border#2e1220
- editorSuggestWidget.foreground#ffdccc
- editorSuggestWidget.highlightForeground#fb6376
- editorSuggestWidget.selectedBackground#5d2a4245
- editorWarning.foreground#cca700
- editorWhitespace.foreground#2a1020
- editorWidget.background#200e16
- editorWidget.border#2e1220
- editorWidget.foreground#ffdccc
- errorForeground#fb6376
- extensionButton.prominentBackground#5d2a42
- extensionButton.prominentForeground#ffdccc
- extensionButton.prominentHoverBackground#7a3858
- focusBorder#5d2a42
- foreground#ffdccc
- gitDecoration.addedResourceForeground#5a8a6a
- gitDecoration.conflictingResourceForeground#cca700
- gitDecoration.deletedResourceForeground#fb6376
- gitDecoration.ignoredResourceForeground#3d1828
- gitDecoration.modifiedResourceForeground#5d2a42
- gitDecoration.untrackedResourceForeground#fcb1a6
- icon.foreground#5d2a42
- input.background#200e16
- input.border#2e1220
- input.foreground#ffdccc
- input.placeholderForeground#3d1828
- inputOption.activeBackground#5d2a4245
- inputOption.activeBorder#5d2a42
- inputOption.activeForeground#ffdccc
- inputValidation.errorBackground#1a0808
- inputValidation.errorBorder#f14c4c
- inputValidation.warningBackground#1a1408
- inputValidation.warningBorder#cca700
- list.activeSelectionBackground#5d2a4255
- list.activeSelectionForeground#fff9ec
- list.focusBackground#5d2a4255
- list.focusForeground#fff9ec
- list.highlightForeground#fb6376
- list.hoverBackground#200e16
- list.hoverForeground#ffdccc
- list.inactiveSelectionBackground#200e16
- list.inactiveSelectionForeground#fcb1a6
- listFilterWidget.background#200e16
- listFilterWidget.outline#5d2a42
- menu.background#130810
- menu.border#200e16
- menu.foreground#ffdccc
- menu.selectionBackground#5d2a4250
- menu.selectionForeground#fff9ec
- menu.separatorBackground#200e16
- menubar.selectionBackground#200e16
- menubar.selectionForeground#ffdccc
- minimap.background#130810
- minimap.errorHighlight#f14c4c
- minimap.findMatchHighlight#fb637870
- minimap.selectionHighlight#5d2a4260
- minimap.warningHighlight#cca700
- minimapGutter.addedBackground#5a8a6a
- minimapGutter.deletedBackground#fb6376
- minimapGutter.modifiedBackground#5d2a42
- notifications.background#200e16
- notifications.border#200e16
- notifications.foreground#ffdccc
- notificationsErrorIcon.foreground#f14c4c
- notificationsInfoIcon.foreground#fcb1a6
- notificationsWarningIcon.foreground#cca700
- notificationToast.border#5d2a42
- panel.background#130810
- panel.border#200e16
- panelTitle.activeBorder#fb6376
- panelTitle.activeForeground#ffdccc
- panelTitle.inactiveForeground#5d2a42
- peekView.border#5d2a42
- peekViewEditor.background#180a10
- peekViewEditor.matchHighlightBackground#5d2a4235
- peekViewResult.background#130810
- peekViewResult.fileForeground#ffdccc
- peekViewResult.lineForeground#fcb1a6
- peekViewResult.matchHighlightBackground#fb637628
- peekViewResult.selectionBackground#5d2a4245
- peekViewResult.selectionForeground#fff9ec
- peekViewTitle.background#180a10
- peekViewTitleDescription.foreground#5d2a42
- peekViewTitleLabel.foreground#ffdccc
- pickerGroup.border#200e16
- pickerGroup.foreground#5d2a42
- quickInput.background#200e16
- quickInput.foreground#ffdccc
- quickInputList.focusBackground#5d2a4250
- quickInputList.focusForeground#fff9ec
- quickInputTitle.background#130810
- scrollbar.shadow#00000080
- scrollbarSlider.activeBackground#5d2a42a0
- scrollbarSlider.background#2e122080
- scrollbarSlider.hoverBackground#5d2a4260
- selection.background#5d2a4240
- sideBar.background#130810
- sideBar.border#200e16
- sideBar.foreground#fcb1a6
- sideBarSectionHeader.background#1a0b12
- sideBarSectionHeader.border#200e16
- sideBarSectionHeader.foreground#5d2a42
- sideBarTitle.foreground#5d2a42
- statusBar.background#5d2a42
- statusBar.border#3d1828
- statusBar.debuggingBackground#fb6376
- statusBar.debuggingBorder#e04560
- statusBar.debuggingForeground#fff9ec
- statusBar.foreground#ffdccc
- statusBar.noFolderBackground#1a0b12
- statusBar.noFolderForeground#5d2a42
- statusBarItem.activeBackground#8a4068
- statusBarItem.hoverBackground#7a3858
- statusBarItem.remoteBackground#fb6376
- statusBarItem.remoteForeground#fff9ec
- symbolIcon.classForeground#d4a060
- symbolIcon.functionForeground#fb6376
- symbolIcon.keywordForeground#b06080
- symbolIcon.stringForeground#5a8a6a
- symbolIcon.variableForeground#ffdccc
- tab.activeBackground#1a0b12
- tab.activeBorder#fb6376
- tab.activeForeground#ffdccc
- tab.border#200e16
- tab.hoverBackground#200e16
- tab.hoverForeground#fcb1a6
- tab.inactiveBackground#130810
- tab.inactiveForeground#3d1828
- tab.unfocusedActiveBackground#130810
- tab.unfocusedActiveForeground#5d2a42
- terminal.ansiBlack#200e16
- terminal.ansiBlue#7878b8
- terminal.ansiBrightBlack#5d2a42
- terminal.ansiBrightBlue#9898d8
- terminal.ansiBrightCyan#88b8c8
- terminal.ansiBrightGreen#70aa80
- terminal.ansiBrightMagenta#d080a0
- terminal.ansiBrightRed#ff8090
- terminal.ansiBrightWhite#fff9ec
- terminal.ansiBrightYellow#f0c080
- terminal.ansiCyan#6898a8
- terminal.ansiGreen#5a8a6a
- terminal.ansiMagenta#b06080
- terminal.ansiRed#fb6376
- terminal.ansiWhite#ffdccc
- terminal.ansiYellow#d4a060
- terminal.background#130810
- terminal.foreground#ffdccc
- terminal.selectionBackground#5d2a4240
- terminalCursor.foreground#fb6376
- textBlockQuote.background#200e16
- textBlockQuote.border#5d2a42
- textCodeBlock.background#200e16
- textLink.activeForeground#fcb1a6
- textLink.foreground#fb6376
- textPreformat.foreground#fcb1a6
- textSeparator.foreground#2e1220
- titleBar.activeBackground#130810
- titleBar.activeForeground#ffdccc
- titleBar.border#200e16
- titleBar.inactiveBackground#130810
- titleBar.inactiveForeground#5d2a42
- toolbar.activeBackground#5d2a4240
- toolbar.hoverBackground#200e16
- tree.indentGuidesStroke#2a1020
- widget.shadow#00000080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3d1828 | italic |
| keyword, keyword.control, keyword.operator.new, keyword.operator.delete, storage.modifier | #b06080 | — |
| storage.type.function, storage.type.class, storage.type | #b06080 | italic |
| keyword.operator, keyword.operator.logical, keyword.operator.comparison | #5d2a42 | — |
| string, string.quoted, string.template | #5a8a6a | — |
| constant.character.escape, string.regexp | #70aa80 | — |
| constant.numeric | #d4a060 | — |
| constant.language | #d4a060 | italic |
| constant.other, variable.other.constant | #fcb1a6 | — |
| entity.name.function, meta.function entity.name.function | #fb6376 | — |
| meta.function-call.generic, meta.function-call entity.name.function | #ff8090 | — |
| variable.parameter, meta.parameter | #fcb1a6 | italic |
| entity.name.class, entity.name.type.class | #d4a060 | — |
| entity.other.inherited-class | #d4a060 | italic |
| entity.name.type, support.type | #7878b8 | — |
| entity.name.type.interface | #7878b8 | italic |
| variable, variable.other.readwrite | #ffdccc | — |
| variable.other.property, support.variable.property | #f0c8b8 | — |
| variable.language | #fb6376 | italic |
| punctuation, meta.brace, meta.delimiter | #4a2030 | — |
| entity.name.tag, meta.tag.sgml | #fb6376 | — |
| entity.other.attribute-name | #fcb1a6 | — |
| string.quoted.double.html, string.quoted.single.html | #5a8a6a | — |
| support.type.property-name.css, entity.name.tag.css | #fcb1a6 | — |
| support.constant.property-value.css | #ffdccc | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #d4a060 | — |
| constant.numeric.css, keyword.other.unit.css | #d4a060 | — |
| support.type.property-name.json | #fcb1a6 | — |
| entity.name.section.markdown, markup.heading | #fb6376 | bold |
| markup.bold | #d4a060 | bold |
| markup.italic | #fcb1a6 | italic |
| markup.inline.raw, markup.fenced_code.block | #5a8a6a | — |
| markup.underline.link | #fb6376 | — |
| meta.decorator, entity.name.function.decorator | #7878b8 | italic |
| support.function, support.function.builtin | #ff8090 | — |
| support.class | #d4a060 | — |
| invalid, invalid.illegal | #fff9ec | — |
| invalid.deprecated | #3d1828 | strikethrough |