Pastel Night Theme
Publisher: leolorenzatoThemes in package: 1
🌃 Color theme with night vibes and pastel lights
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#14141f
- activityBar.foreground#c0c7e1
- activityBar.inactiveForeground#65697d
- activityBarBadge.background#8c91a8
- activityBarBadge.foreground#14141f
- badge.background#8c91a8
- badge.foreground#14141f
- breadcrumb.activeSelectionForeground#c0c7e1
- breadcrumb.background#1e1e28
- breadcrumb.foreground#9da3bd
- button.background#14141f
- button.border#0c0c12
- button.foreground#c0c7e1
- button.hoverBackground#2b2d3d
- button.secondaryBorder#0c0c12
- commandCenter.activeBorder#0c0c12
- commandCenter.border#0c0c12
- commandCenter.inactiveBorder#0c0c12
- descriptionForeground#9da3bd
- diffEditor.insertedLineBackground#9ad39526
- diffEditor.insertedTextBackground#9ad39526
- diffEditor.removedLineBackground#e783a026
- diffEditor.removedTextBackground#e783a026
- disabledForeground#65697d
- dropdown.background#14141f
- dropdown.border#0c0c12
- dropdown.foreground#c0c7e1
- editor.background#1e1e28
- editor.findMatchBackground#abb4f233
- editor.findMatchBorder#abb4f200
- editor.findMatchHighlightBackground#abb4f223
- editor.findMatchHighlightBorder#abb4f200
- editor.findRangeHighlightBackground#abb4f266
- editor.findRangeHighlightBorder#abb4f200
- editor.foreground#c0c7e1
- editor.inactiveSelectionBackground#8c91a840
- editor.lineHighlightBackground#c0c7e112
- editor.selectionBackground#8c91a840
- editor.wordHighlightBackground#9da3bd29
- editor.wordHighlightStrongBackground#9da3bd29
- editorBracketHighlight.foreground1#8c91a8
- editorBracketHighlight.foreground2#8c91a8
- editorBracketHighlight.foreground3#8c91a8
- editorBracketHighlight.foreground4#8c91a8
- editorBracketHighlight.foreground5#8c91a8
- editorBracketHighlight.foreground6#8c91a8
- editorBracketMatch.background#ebc7c735
- editorBracketMatch.border#0c0c1200
- editorCursor.foreground#c0c7e1
- editorError.foreground#e783a0
- editorGroup.border#0c0c12
- editorGroupHeader.tabsBackground#14141f
- editorGutter.addedBackground#9ad395
- editorGutter.background#1e1e28
- editorGutter.deletedBackground#e783a0
- editorGutter.modifiedBackground#edd7a6
- editorHoverWidget.background#14141f
- editorHoverWidget.border#0c0c12
- editorIndentGuide.activeBackground1#3d3f4f
- editorIndentGuide.background1#2b2d3d99
- editorInfo.foreground#8cd6ca
- editorInlayHint.background#1e1e28bf
- editorInlayHint.foreground#8c91a8
- editorInlayHint.parameterBackground#1e1e28bf
- editorInlayHint.parameterForeground#8c91a8
- editorInlayHint.typeBackground#1e1e28bf
- editorInlayHint.typeForeground#8c91a8
- editorLineNumber.activeForeground#c0c7e1
- editorLineNumber.foreground#65697d
- editorRuler.foreground#3d3f4f
- editorSuggestWidget.background#14141f
- editorSuggestWidget.border#0c0c12
- editorSuggestWidget.selectedBackground#2b2d3d99
- editorWarning.foreground#edd7a6
- editorWhitespace.foreground#8c91a866
- editorWidget.background#14141f
- editorWidget.border#0c0c12
- editorWidget.foreground#c0c7e1
- editorWidget.resizeBorder#0c0c12
- errorForeground#e783a0
- extensionButton.prominentBackground#1e1e28
- extensionButton.prominentForeground#c0c7e1
- focusBorder#0c0c12
- foreground#c0c7e1
- gitDecoration.addedResourceForeground#9ad395
- gitDecoration.conflictingResourceForeground#efab81
- gitDecoration.deletedResourceForeground#e783a0
- gitDecoration.ignoredResourceForeground#65697d
- gitDecoration.modifiedResourceForeground#edd7a6
- gitDecoration.renamedResourceForeground#83acee
- icon.foreground#9da3bd
- input.background#14141f
- input.border#0c0c12
- input.foreground#c0c7e1
- input.placeholderForeground#65697d
- inputOption.activeBackground#14141f
- inputOption.activeBorder#9da3bd
- inputOption.activeForeground#c0c7e1
- inputValidation.errorBackground#e783a0
- inputValidation.errorBorder#0c0c12
- inputValidation.errorForeground#14141f
- inputValidation.infoBackground#83acee
- inputValidation.infoBorder#0c0c12
- inputValidation.infoForeground#14141f
- inputValidation.warningBackground#edd7a6
- inputValidation.warningBorder#0c0c12
- inputValidation.warningForeground#14141f
- list.activeSelectionBackground#2b2d3d
- list.activeSelectionForeground#c0c7e1
- list.activeSelectionIconForeground#c0c7e1
- list.errorForeground#e783a0
- list.focusBackground#2b2d3d
- list.focusForeground#c0c7e1
- list.focusOutline#0c0c1200
- list.highlightForeground#c0c7e1
- list.hoverBackground#2b2d3d99
- list.hoverForeground#c0c7e1
- list.inactiveSelectionBackground#2b2d3d
- list.inactiveSelectionForeground#c0c7e1
- list.inactiveSelectionIconForeground#c0c7e1
- list.warningForeground#edd7a6
- menu.background#14141f
- menu.border#0c0c12
- menu.foreground#c0c7e1
- menu.selectionBackground#65697d
- menu.selectionBorder#0c0c1200
- menu.selectionForeground#c0c7e1
- menu.separatorBackground#3d3f4f
- menubar.selectionBackground#65697d
- menubar.selectionForeground#c0c7e1
- merge.currentContentBackground#9ad39530
- merge.incomingContentBackground#83acee30
- minimap.background#1e1e28
- minimapSlider.activeBackground#ebc7c735
- minimapSlider.background#ebc7c715
- minimapSlider.hoverBackground#ebc7c725
- notificationCenterHeader.background#14141f
- notifications.background#1e1e28
- notifications.border#0c0c12
- notifications.foreground#c0c7e1
- panel.background#1e1e28
- panel.border#0c0c12
- panelTitle.activeForeground#c0c7e1
- panelTitle.inactiveForeground#9da3bd
- peekView.border#abb4f2
- peekViewEditor.background#1e1e28
- peekViewResult.background#1e1e28
- pickerGroup.border#0c0c12
- pickerGroup.foreground#c0c7e1
- quickInput.background#14141f
- quickInput.foreground#c0c7e1
- scmGraph.foreground1#edd7a6
- scmGraph.foreground2#ebb9dd
- scmGraph.foreground3#9ad395
- scmGraph.foreground4#abb4f2
- scmGraph.foreground5#8cd6ca
- scmGraph.historyItemBaseRefColor#efab81
- scmGraph.historyItemRefColor#83acee
- scmGraph.historyItemRemoteRefColor#abb4f2
- scrollbar.shadow#0c0c1200
- scrollbarSlider.activeBackground#65697d
- scrollbarSlider.background#3d3f4f80
- scrollbarSlider.hoverBackground#65697d
- selection.background#8c91a8
- sideBar.background#1e1e28
- sideBar.border#0c0c12
- sideBar.foreground#c0c7e1
- sideBarSectionHeader.background#1e1e28
- sideBarTitle.foreground#c0c7e1
- statusBar.background#14141f
- statusBar.border#0c0c12
- statusBar.debuggingBackground#14141f
- statusBar.debuggingBorder#0c0c12
- statusBar.debuggingForeground#c0c7e1
- statusBar.foreground#c0c7e1
- statusBar.noFolderBackground#14141f
- statusBar.noFolderBorder#0c0c12
- statusBar.noFolderForeground#c0c7e1
- statusBarItem.activeBackground#65697d66
- statusBarItem.errorBackground#1e1e2800
- statusBarItem.errorForeground#e783a0
- statusBarItem.hoverBackground#65697d33
- statusBarItem.prominentBackground#65697d00
- statusBarItem.prominentForeground#c0c7e1
- statusBarItem.prominentHoverBackground#65697d33
- statusBarItem.remoteBackground#14141f
- statusBarItem.remoteForeground#83acee
- statusBarItem.warningBackground#1e1e2800
- statusBarItem.warningForeground#edd7a6
- tab.activeBackground#1e1e28
- tab.activeForeground#c0c7e1
- tab.border#0c0c12
- tab.inactiveBackground#14141f
- tab.inactiveForeground#9da3bd
- terminal.ansiBlack#3d3f4f
- terminal.ansiBlue#83acee
- terminal.ansiBrightBlack#3d3f4f
- terminal.ansiBrightBlue#83acee
- terminal.ansiBrightCyan#8cd6ca
- terminal.ansiBrightGreen#9ad395
- terminal.ansiBrightMagenta#ebb9dd
- terminal.ansiBrightRed#e783a0
- terminal.ansiBrightWhite#9da3bd
- terminal.ansiBrightYellow#edd7a6
- terminal.ansiCyan#8cd6ca
- terminal.ansiGreen#9ad395
- terminal.ansiMagenta#ebb9dd
- terminal.ansiRed#e783a0
- terminal.ansiWhite#9da3bd
- terminal.ansiYellow#edd7a6
- terminal.background#1e1e28
- terminal.border#0c0c12
- terminal.foreground#c0c7e1
- titleBar.activeBackground#14141f
- titleBar.activeForeground#c0c7e1
- titleBar.border#0c0c12
- titleBar.inactiveBackground#14141f
- titleBar.inactiveForeground#9da3bd
- widget.border#0c0c12
- widget.shadow#0c0c1200
- window.activeBorder#0c0c12
- window.inactiveBorder#0c0c12
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8c91a8 | — |
| string, punctuation.definition.string | #9ad395 | — |
| string.regexp | #efab81 | — |
| constant.character.escape | #ebb9dd | — |
| constant.numeric | #efab81 | — |
| constant.language, constant.language.boolean | #efab81 | — |
| constant.other, variable.other.constant | #efab81 | — |
| keyword, keyword.control, storage.type, storage.modifier | #e783a0 | — |
| keyword.operator | #83acee | — |
| keyword.control.import, keyword.control.export, meta.import | #e783a0 | — |
| keyword.control.return | #e783a0 | — |
| keyword.control.conditional | #e783a0 | — |
| keyword.control.repeat | #e783a0 | — |
| entity.name.function, support.function | #edd7a6 | — |
| entity.name.method | #edd7a6 | — |
| entity.name.tag | #83acee | — |
| entity.other.attribute-name | #edd7a6 | — |
| punctuation.definition.tag | #8cd6ca | — |
| entity.name.type, support.type | #8cd6ca | — |
| meta.function.decorator support.type | #ebb9dd | — |
| entity.other.inherited-class | #8cd6ca | — |
| support.type.primitive, entity.name.type.primitive | #abb4f2 | — |
| entity.name.type.interface | #8cd6ca | — |
| variable | #c0c7e1 | — |
| variable.language.this, variable.language.self, variable.language.cls, variable.language.special.this, variable.language.special.self, variable.language.special.cls, variable.parameter.function.language.special.this, variable.parameter.function.language.special.self, variable.parameter.function.language.special.cls | #c09deb | — |
| variable.parameter | #ebc7c7 | — |
| variable.parameter.function-call | #abb4f2 | — |
| variable.other.member, variable.other.property | #83acee | — |
| support.variable | #c09deb | — |
| entity.name.namespace, storage.modifier.namespace | #abb4f2 | — |
| punctuation, punctuation.separator, punctuation.terminator | #8c91a8 | — |
| punctuation.bracket, punctuation.section.brackets | #8c91a8 | — |
| markup.bold | #ebc7c7 | bold |
| markup.italic | #ebc7c7 | — |
| markup.underline.link | #83acee | — |
| meta.property-name, support.type.property-name | #83acee | — |
| entity.name.function.preprocessor, keyword.control.directive, punctuation.definition.directive | #ebb9dd | — |
| meta.annotation variable.function, meta.annotation variable.annotation.function, meta.annotation punctuation.definition.annotation, punctuation.decorator | #ebb9dd | — |