Dark Pastels
Publisher: PandThemes in package: 2
Un tema oscuro con colores pastel para Visual Studio Code.
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#232527
- activityBar.border#232527
- badge.background#508CC9
- badge.foreground#232527
- button.background#508CC9
- button.foreground#232527
- button.hoverBackground#599491
- dropdown.background#232527
- dropdown.border#232527
- dropdown.foreground#E0E0E0
- editor.background#232527
- editor.foreground#F09595FF
- editor.inactiveSelectionBackground#8D99AE
- editor.lineHighlightBackground#2B2D30
- editor.selectionBackground#A5A6A7
- editor.selectionHighlightBackground#4B5F96
- editorCursor.foreground#AFB7BE
- editorGroup.border#232527
- editorLineNumber.activeForeground#DF8D8D
- editorLineNumber.foreground#599491
- editorSuggestWidget.background#2B2D30
- editorSuggestWidget.border#508CC9
- editorSuggestWidget.focusHighlightForeground#F09595FF
- editorSuggestWidget.foreground#E0E0E0
- editorSuggestWidget.highlightForeground#F09595FF
- editorSuggestWidget.highlightMatchBackground#508CC955
- editorSuggestWidget.matchHighlightForeground#F09595FF
- editorSuggestWidget.selectedBackground#508CC9
- editorSuggestWidget.selectedForeground#FFFFFF
- editorSuggestWidget.shadow#00000099
- input.background#232527
- input.border#232527
- input.foreground#E0E0E0
- inputOption.activeBorder#508CC9
- list.activeSelectionBackground#508CC9A9
- list.hoverBackground#2B2D30
- panel.border#232527
- pickerGroup.border#508CC9
- pickerGroup.foreground#508CC9
- scrollbarSlider.activeBackground#599491
- scrollbarSlider.background#2B2D30
- settings.checkboxBackground#232527
- settings.checkboxBorder#232527
- settings.checkboxForeground#508CC9
- settings.dropdownBackground#232527
- settings.dropdownBorder#232527
- settings.dropdownForeground#BCEEB7BB
- settings.headerForeground#508CC9
- settings.modifiedItemIndicator#508CC9
- settings.numberInputBackground#232527
- settings.numberInputBorder#232527
- settings.numberInputForeground#508CC9
- settings.textInputBackground#232527
- settings.textInputBorder#232527
- settings.textInputForeground#E0E0E0
- sideBar.background#232527
- sideBar.border#232527
- statusBar.background#232527
- statusBar.border#232527
- statusBar.foreground#9CA0A596
- statusBarItem.remoteBackground#599491
- statusBarItem.remoteForeground#E0E0E0
- tab.border#232527
- terminal.ansiBlack#232527
- terminal.ansiBlue#508CC9
- terminal.ansiCyan#94E8EE
- terminal.ansiGreen#70FFCFFF
- terminal.ansiMagenta#DBABBC
- terminal.ansiRed#B94E53
- terminal.ansiWhite#AFB7BE
- terminal.ansiYellow#FDEBBA
- terminal.background#232527
- terminal.foreground#A0C4FF
- terminalCursor.foreground#DF8D8D
- titleBar.activeBackground#232527
- titleBar.border#232527
- titleBar.inactiveBackground#1E1F22
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #DBABBC7E | italic |
| string | #89BDB3 | — |
| variable | #A0C4FF | — |
| keyword | #FDEBBA | bold |
| function | #70FFCFFF | — |
| constant.numeric | #94E8EE | — |
| storage.type | #BE3037FF | — |
| type | #A0C4FF | — |
| operator | #FDEBBA | — |
| support.type.property-name.json | #A0C4FF | — |
| meta.structure.dictionary.json string.quoted.double.json | #FDEBBA | — |
| entity.name.tag.html | #A0C4FF | — |
| entity.other.attribute-name.html | #FDEBBA | — |
| meta.tag.invalid | #FF6B6B | bold |
| punctuation.section.embedded | #F09595FF | — |
| source.astro | #FDEBBA | — |
| support.type.property-name.css | #A0C4FF | — |
| support.constant.property-value.css | #FDEBBA | — |
| markup.heading | #F09595FF | bold |
| markup.bold | #FDEBBA | bold |
| markup.italic | #94E8EE | italic |
| markup.inline.raw | #70FFCFFF | — |
| markup.quote | #DBABBC7E | italic |
| markup.list | #A0C4FF | — |
| markup.link | #599491 | underline |