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#e2e2e2
- activityBar.border#c6c6c6
- activityBar.foreground#777777
- activityBar.inactiveForeground#ababab
- activityBarBadge.background#d9aeb0
- activityBarBadge.foreground#ab323a
- breadcrumb.background#ebebeb
- breadcrumb.focusForeground#777777
- breadcrumb.foreground#ababab
- button.background#ab323a
- button.foreground#fbeeee
- button.hoverBackground#d5404b
- checkbox.background#f1f1f1
- checkbox.border#f1f1f1
- checkbox.foreground#5e5e5e
- descriptionForeground#5e5e5e
- dropdown.background#f1f1f1
- dropdown.border#f1f1f1
- dropdown.foreground#474747
- dropdown.listBackground#f1f1f1
- editor.background#f9f9f9
- editor.foreground#303030
- editor.hoverHighlightBackground#e2e2e2
- editor.selectionBackground#e2e2e2
- editor.selectionForeground#5e5e5e
- editor.selectionHighlightBackground#e2e2e2
- editor.wordHighlightBackground#e2e2e2
- editorCursor.foreground#ab323a
- editorGroup.border#e2e2e2
- editorGroupHeader.border#d4d4d4
- editorGroupHeader.tabsBackground#f1f1f1
- editorGroupHeader.tabsBorder#d4d4d4
- editorGutter.addedBackground#da99ae
- editorGutter.deletedBackground#95acd6
- editorGutter.modifiedBackground#bba1d6
- editorLineNumber.activeForeground#777777
- editorLineNumber.foreground#c6c6c6
- editorLink.activeForeground#526b94
- editorRuler.foreground#e2e2e2
- editorSuggestWidget.highlightForeground#ab323a
- editorSuggestWidget.selectedBackground#d4d4d4
- editorWhitespace.foreground#e2e2e2
- editorWidget.background#f9f9f9
- editorWidget.border#00000000
- editorWidget.foreground#5e5e5e
- errorForeground#ab323a
- focusBorder#d9aeb0
- foreground#303030
- gitDecoration.addedResourceForeground#934463
- gitDecoration.conflictingResourceForeground#ab323a
- gitDecoration.deletedResourceForeground#485f84
- gitDecoration.ignoredResourceForeground#ababab
- gitDecoration.modifiedResourceForeground#764c98
- gitDecoration.submoduleResourceForeground#5e6140
- gitDecoration.untrackedResourceForeground#777777
- icon.foreground#5e5e5e
- list.activeSelectionBackground#e2e2e2
- list.activeSelectionForeground#474747
- list.dropBackground#f1f1f1
- list.focusBackground#e2e2e2
- list.focusForeground#474747
- list.highlightForeground#ab323a
- list.hoverBackground#f1f1f1
- list.hoverForeground#474747
- list.inactiveFocusBackground#f1f1f1
- list.inactiveSelectionBackground#f1f1f1
- list.inactiveSelectionForeground#474747
- minimap.errorHighlight#ab323a
- minimap.findMatchHighlight#a8cfc0
- minimap.selectionHighlight#e2e2e2
- minimap.warningHighlight#ab323a
- minimapGutter.addedBackground#da99ae
- minimapGutter.deletedBackground#95acd6
- minimapGutter.modifiedBackground#bba1d6
- minimapSlider.activeBackground#30303038
- minimapSlider.background#30303010
- minimapSlider.hoverBackground#30303020
- pickerGroup.border#c6c6c6
- pickerGroup.foreground#919191
- selection.background#ababab
- settings.modifiedItemIndicator#bba1d6
- sideBar.background#f1f1f1
- sideBar.border#e2e2e2
- sideBarSectionHeader.background#e2e2e2
- sideBarSectionHeader.foreground#777777
- statusBar.background#e2e2e2
- statusBar.border#c6c6c6
- statusBar.debuggingBackground#bec8ca
- statusBar.debuggingBorder#b0bbbc
- statusBar.debuggingForeground#525252
- statusBar.foreground#777777
- statusBar.noFolderBackground#e2e2e2
- statusBar.noFolderBorder#c6c6c6
- statusBar.noFolderForeground#777777
- statusBarItem.hoverBackground#d4d4d4
- tab.activeBackground#ebebeb
- tab.activeBorder#474747
- tab.activeForeground#474747
- tab.border#00000000
- tab.inactiveBackground#f1f1f1
- tab.inactiveForeground#ababab
- terminal.ansiBlack#b9b9b9
- terminal.ansiBlue#455f87
- terminal.ansiBrightBlack#d4d4d4
- terminal.ansiBrightBlue#5878a9
- terminal.ansiBrightCyan#527e82
- terminal.ansiBrightGreen#677e4d
- terminal.ansiBrightMagenta#9460c0
- terminal.ansiBrightRed#c74f56
- terminal.ansiBrightWhite#303030
- terminal.ansiBrightYellow#8a744e
- terminal.ansiCyan#406467
- terminal.ansiGreen#51643c
- terminal.ansiMagenta#78499e
- terminal.ansiRed#9f3e43
- terminal.ansiWhite#3b3b3b
- terminal.ansiYellow#6e5c3d
- terminal.background#f1f1f1
- terminal.foreground#3b3b3b
- terminal.selectionBackground#ababab
- terminalCursor.background#e2e2e2
- terminalCursor.foreground#ab323a
- textBlockQuote.background#e2e2e2
- textBlockQuote.border#ababab
- textCodeBlock.background#e2e2e2
- textLink.activeForeground#526b94
- textLink.foreground#3f5374
- textPreformat.foreground#474747
- textSeparator.foreground#c6c6c6
- titleBar.activeBackground#d4d4d4
- titleBar.activeForeground#777777
- titleBar.border#c6c6c6
- titleBar.inactiveBackground#d4d4d4
- titleBar.inactiveForeground#ababab
- widget.shadow#30303010
- window.activeBorder#e2e2e2
- window.inactiveBorder#e2e2e2
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #796092 | bold |
| keyword | — | bold |
| storage | — | bold |
| entity.name.type | — | italic |
| punctuation.separator | #9e9e9e | — |
| punctuation.terminator | #9e9e9e | — |
| string | #525252 | italic |
| punctuation | #b9b9b9 | bold |
| meta.brace | #b9b9b9 | bold |
| string.unquoted.plain.out.yaml | #777777 | normal |
| string.quoted.double.yaml | #777777 | normal |
| string.quoted.double.json | #777777 | normal |
| constant.numeric.json | #777777 | bold |
| constant.numeric.integer.yaml | #777777 | bold |
| constant.numeric.float.yaml | #777777 | bold |
| constant.language.json | #777777 | bold |
| constant.language.boolean.yaml | #777777 | bold |
| support.type.property-name.json | #5e5e5e | bold |
| entity.name.tag.yaml | #5e5e5e | bold |
| markup.heading | — | bold |
| markup.inline | #525252 | — |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.quote | #525252 | italic |
| markup.raw.block | #525252 | — |
| markup.fenced_code | #525252 | — |
| fenced_code.block.language | #919191 | — |
Shiki preview
TypeScript sample highlighted with this variant's colors and tokenColors.
Loading...