Parchment (monochrome themes)
Publisher: Jonas HvidThemes in package: 4
Almost monochromatic, light and dark color theme with highlighted comments
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#eae1db
- activityBar.border#d8c3b4
- activityBar.foreground#867466
- activityBar.inactiveForeground#c0a693
- activityBarBadge.background#d9aeb0
- activityBarBadge.foreground#ab323a
- breadcrumb.background#f0eae6
- breadcrumb.focusForeground#867466
- breadcrumb.foreground#c0a693
- button.background#ab323a
- button.foreground#fbeeee
- button.hoverBackground#d5404b
- checkbox.background#f4f0ed
- checkbox.border#f4f0ed
- checkbox.foreground#6b5b50
- descriptionForeground#6b5b50
- dropdown.background#f4f0ed
- dropdown.border#f4f0ed
- dropdown.foreground#50443c
- dropdown.listBackground#f4f0ed
- editor.background#fbf9f8
- editor.foreground#372f28
- editor.hoverHighlightBackground#eae1db
- editor.selectionBackground#eae1db
- editor.selectionForeground#6b5b50
- editor.selectionHighlightBackground#eae1db
- editor.wordHighlightBackground#eae1db
- editorCursor.foreground#ab323a
- editorGroup.border#eae1db
- editorGroupHeader.border#e1d2c8
- editorGroupHeader.tabsBackground#f4f0ed
- editorGroupHeader.tabsBorder#e1d2c8
- editorGutter.addedBackground#da99ae
- editorGutter.deletedBackground#95acd6
- editorGutter.modifiedBackground#bba1d6
- editorLineNumber.activeForeground#867466
- editorLineNumber.foreground#d8c3b4
- editorLink.activeForeground#526b94
- editorRuler.foreground#eae1db
- editorSuggestWidget.highlightForeground#ab323a
- editorSuggestWidget.selectedBackground#e1d2c8
- editorWhitespace.foreground#eae1db
- editorWidget.background#fbf9f8
- editorWidget.border#00000000
- editorWidget.foreground#6b5b50
- errorForeground#ab323a
- focusBorder#d9aeb0
- foreground#372f28
- gitDecoration.addedResourceForeground#934463
- gitDecoration.conflictingResourceForeground#ab323a
- gitDecoration.deletedResourceForeground#485f84
- gitDecoration.ignoredResourceForeground#c0a693
- gitDecoration.modifiedResourceForeground#764c98
- gitDecoration.submoduleResourceForeground#5e6140
- gitDecoration.untrackedResourceForeground#867466
- icon.foreground#6b5b50
- list.activeSelectionBackground#eae1db
- list.activeSelectionForeground#50443c
- list.dropBackground#f4f0ed
- list.focusBackground#eae1db
- list.focusForeground#50443c
- list.highlightForeground#ab323a
- list.hoverBackground#f4f0ed
- list.hoverForeground#50443c
- list.inactiveFocusBackground#f4f0ed
- list.inactiveSelectionBackground#f4f0ed
- list.inactiveSelectionForeground#50443c
- minimap.errorHighlight#ab323a
- minimap.findMatchHighlight#a8cfc0
- minimap.selectionHighlight#eae1db
- minimap.warningHighlight#ab323a
- minimapGutter.addedBackground#da99ae
- minimapGutter.deletedBackground#95acd6
- minimapGutter.modifiedBackground#bba1d6
- minimapSlider.activeBackground#372f2838
- minimapSlider.background#372f2810
- minimapSlider.hoverBackground#372f2820
- pickerGroup.border#d8c3b4
- pickerGroup.foreground#a38c7c
- selection.background#c0a693
- settings.modifiedItemIndicator#bba1d6
- sideBar.background#f4f0ed
- sideBar.border#eae1db
- sideBarSectionHeader.background#eae1db
- sideBarSectionHeader.foreground#867466
- statusBar.background#eae1db
- statusBar.border#d8c3b4
- statusBar.debuggingBackground#bec8ca
- statusBar.debuggingBorder#b0bbbc
- statusBar.debuggingForeground#5d5046
- statusBar.foreground#867466
- statusBar.noFolderBackground#eae1db
- statusBar.noFolderBorder#d8c3b4
- statusBar.noFolderForeground#867466
- statusBarItem.hoverBackground#e1d2c8
- tab.activeBackground#f0eae6
- tab.activeBorder#50443c
- tab.activeForeground#50443c
- tab.border#00000000
- tab.inactiveBackground#f4f0ed
- tab.inactiveForeground#c0a693
- terminal.ansiBlack#cfb49f
- terminal.ansiBlue#455f87
- terminal.ansiBrightBlack#e1d2c8
- terminal.ansiBrightBlue#5878a9
- terminal.ansiBrightCyan#527e82
- terminal.ansiBrightGreen#677e4d
- terminal.ansiBrightMagenta#9460c0
- terminal.ansiBrightRed#c74f56
- terminal.ansiBrightWhite#372f28
- terminal.ansiBrightYellow#8a744e
- terminal.ansiCyan#406467
- terminal.ansiGreen#51643c
- terminal.ansiMagenta#78499e
- terminal.ansiRed#9f3e43
- terminal.ansiWhite#443932
- terminal.ansiYellow#6e5c3d
- terminal.background#f4f0ed
- terminal.foreground#443932
- terminal.selectionBackground#c0a693
- terminalCursor.background#eae1db
- terminalCursor.foreground#ab323a
- textBlockQuote.background#eae1db
- textBlockQuote.border#c0a693
- textCodeBlock.background#eae1db
- textLink.activeForeground#526b94
- textLink.foreground#3f5374
- textPreformat.foreground#50443c
- textSeparator.foreground#d8c3b4
- titleBar.activeBackground#e1d2c8
- titleBar.activeForeground#867466
- titleBar.border#d8c3b4
- titleBar.inactiveBackground#e1d2c8
- titleBar.inactiveForeground#c0a693
- widget.shadow#372f2810
- window.activeBorder#eae1db
- window.inactiveBorder#eae1db
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #98595b | bold |
| keyword | — | bold |
| storage | — | bold |
| entity.name.type | — | italic |
| punctuation.separator | #b19988 | — |
| punctuation.terminator | #b19988 | — |
| string | #5d5046 | italic |
| punctuation | #cfb49f | bold |
| meta.brace | #cfb49f | bold |
| string.unquoted.plain.out.yaml | #867466 | normal |
| string.quoted.double.yaml | #867466 | normal |
| string.quoted.double.json | #867466 | normal |
| constant.numeric.json | #867466 | bold |
| constant.numeric.integer.yaml | #867466 | bold |
| constant.numeric.float.yaml | #867466 | bold |
| constant.language.json | #867466 | bold |
| constant.language.boolean.yaml | #867466 | bold |
| support.type.property-name.json | #6b5b50 | bold |
| entity.name.tag.yaml | #6b5b50 | bold |
| markup.heading | — | bold |
| markup.inline | #5d5046 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.quote | #5d5046 | italic |
| markup.raw.block | #5d5046 | — |
| markup.fenced_code | #5d5046 | — |
| fenced_code.block.language | #a38c7c | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...