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#302317
- activityBar.border#4b3827
- activityBar.foreground#a27c5c
- activityBar.inactiveForeground#664d38
- activityBarBadge.background#6f3538
- activityBarBadge.foreground#e87f84
- breadcrumb.background#291d13
- breadcrumb.focusForeground#a27c5c
- breadcrumb.foreground#664d38
- button.background#e87f84
- button.foreground#390a0e
- button.hoverBackground#e54f58
- checkbox.background#241910
- checkbox.border#241910
- checkbox.foreground#c1956f
- descriptionForeground#c1956f
- dropdown.background#241910
- dropdown.border#241910
- dropdown.foreground#e2af82
- dropdown.listBackground#241910
- editor.background#1f160d
- editor.foreground#eccfbb
- editor.hoverHighlightBackground#302317
- editor.selectionBackground#302317
- editor.selectionForeground#c1956f
- editor.selectionHighlightBackground#302317
- editor.wordHighlightBackground#302317
- editorCursor.foreground#e87f84
- editorGroup.border#302317
- editorGroupHeader.border#3d2d1f
- editorGroupHeader.tabsBackground#241910
- editorGroupHeader.tabsBorder#3d2d1f
- editorGutter.addedBackground#813b56
- editorGutter.deletedBackground#3f5374
- editorGutter.modifiedBackground#674286
- editorLineNumber.activeForeground#a27c5c
- editorLineNumber.foreground#4b3827
- editorLink.activeForeground#7092c7
- editorRuler.foreground#302317
- editorSuggestWidget.highlightForeground#e87f84
- editorSuggestWidget.selectedBackground#3d2d1f
- editorWhitespace.foreground#302317
- editorWidget.background#1f160d
- editorWidget.border#00000000
- editorWidget.foreground#c1956f
- errorForeground#e87f84
- focusBorder#6f3538
- foreground#eccfbb
- gitDecoration.addedResourceForeground#d587a2
- gitDecoration.conflictingResourceForeground#e87f84
- gitDecoration.deletedResourceForeground#829fd0
- gitDecoration.ignoredResourceForeground#664d38
- gitDecoration.modifiedResourceForeground#b091cf
- gitDecoration.submoduleResourceForeground#9da26e
- gitDecoration.untrackedResourceForeground#a27c5c
- icon.foreground#c1956f
- list.activeSelectionBackground#302317
- list.activeSelectionForeground#e2af82
- list.dropBackground#241910
- list.focusBackground#302317
- list.focusForeground#e2af82
- list.highlightForeground#e87f84
- list.hoverBackground#241910
- list.hoverForeground#e2af82
- list.inactiveFocusBackground#241910
- list.inactiveSelectionBackground#241910
- list.inactiveSelectionForeground#e2af82
- minimap.errorHighlight#e87f84
- minimap.findMatchHighlight#313e39
- minimap.selectionHighlight#302317
- minimap.warningHighlight#e87f84
- minimapGutter.addedBackground#813b56
- minimapGutter.deletedBackground#3f5374
- minimapGutter.modifiedBackground#674286
- minimapSlider.activeBackground#eccfbb38
- minimapSlider.background#eccfbb10
- minimapSlider.hoverBackground#eccfbb20
- pickerGroup.border#4b3827
- pickerGroup.foreground#836449
- selection.background#664d38
- settings.modifiedItemIndicator#674286
- sideBar.background#241910
- sideBar.border#302317
- sideBarSectionHeader.background#302317
- sideBarSectionHeader.foreground#a27c5c
- statusBar.background#302317
- statusBar.border#4b3827
- statusBar.debuggingBackground#383c3c
- statusBar.debuggingBorder#434748
- statusBar.debuggingForeground#d1a278
- statusBar.foreground#a27c5c
- statusBar.noFolderBackground#302317
- statusBar.noFolderBorder#4b3827
- statusBar.noFolderForeground#a27c5c
- statusBarItem.hoverBackground#3d2d1f
- tab.activeBackground#291d13
- tab.activeBorder#e2af82
- tab.activeForeground#e2af82
- tab.border#00000000
- tab.inactiveBackground#241910
- tab.inactiveForeground#664d38
- terminal.ansiBlack#58422f
- terminal.ansiBlue#7e9fd4
- terminal.ansiBrightBlack#3d2d1f
- terminal.ansiBrightBlue#6285bb
- terminal.ansiBrightCyan#5c8c90
- terminal.ansiBrightGreen#728c56
- terminal.ansiBrightMagenta#9e70c7
- terminal.ansiBrightRed#d55d63
- terminal.ansiBrightWhite#eccfbb
- terminal.ansiBrightYellow#988057
- terminal.ansiCyan#6ea7ac
- terminal.ansiGreen#89a768
- terminal.ansiMagenta#b290d4
- terminal.ansiRed#db868a
- terminal.ansiWhite#e6bfa0
- terminal.ansiYellow#b69a69
- terminal.background#241910
- terminal.foreground#e6bfa0
- terminal.selectionBackground#664d38
- terminalCursor.background#302317
- terminalCursor.foreground#e87f84
- textBlockQuote.background#302317
- textBlockQuote.border#664d38
- textCodeBlock.background#302317
- textLink.activeForeground#7092c7
- textLink.foreground#95acd6
- textPreformat.foreground#e2af82
- textSeparator.foreground#4b3827
- titleBar.activeBackground#3d2d1f
- titleBar.activeForeground#a27c5c
- titleBar.border#4b3827
- titleBar.inactiveBackground#3d2d1f
- titleBar.inactiveForeground#664d38
- widget.shadow#eccfbb10
- window.activeBorder#302317
- window.inactiveBorder#302317
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #b08688 | bold |
| keyword | — | bold |
| storage | — | bold |
| entity.name.type | — | italic |
| punctuation.separator | #755940 | — |
| punctuation.terminator | #755940 | — |
| string | #d1a278 | italic |
| punctuation | #58422f | bold |
| meta.brace | #58422f | bold |
| string.unquoted.plain.out.yaml | #a27c5c | normal |
| string.quoted.double.yaml | #a27c5c | normal |
| string.quoted.double.json | #a27c5c | normal |
| constant.numeric.json | #a27c5c | bold |
| constant.numeric.integer.yaml | #a27c5c | bold |
| constant.numeric.float.yaml | #a27c5c | bold |
| constant.language.json | #a27c5c | bold |
| constant.language.boolean.yaml | #a27c5c | bold |
| support.type.property-name.json | #c1956f | bold |
| entity.name.tag.yaml | #c1956f | bold |
| markup.heading | — | bold |
| markup.inline | #d1a278 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.quote | #d1a278 | italic |
| markup.raw.block | #d1a278 | — |
| markup.fenced_code | #d1a278 | — |
| fenced_code.block.language | #836449 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...