PaperColor Dark Theme
Publisher: Haris KhanThemes in package: 1
A beautiful dark theme for VS Code inspired by the popular PaperColor vim colorscheme. Easy on the eyes with excellent readability.
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#1c1c1c
- activityBar.border#444444
- activityBar.foreground#d0d0d0
- activityBar.inactiveForeground#808080
- activityBarBadge.background#87d7ff
- activityBarBadge.foreground#1c1c1c
- button.background#87d7ff
- button.foreground#1c1c1c
- button.hoverBackground#afffff
- button.secondaryBackground#444444
- button.secondaryForeground#d0d0d0
- button.secondaryHoverBackground#585858
- dropdown.background#303030
- dropdown.border#444444
- dropdown.foreground#d0d0d0
- editor.background#1c1c1c
- editor.findMatchBackground#ffff0060
- editor.findMatchHighlightBackground#ffff0040
- editor.findRangeHighlightBackground#87d7ff20
- editor.foreground#d0d0d0
- editor.hoverHighlightBackground#87d7ff20
- editor.lineHighlightBackground#30303020
- editor.selectionBackground#87d7ff30
- editor.selectionHighlightBackground#87d7ff20
- editor.wordHighlightBackground#87d7ff20
- editor.wordHighlightStrongBackground#87d7ff40
- editorBracketMatch.background#87d7ff20
- editorBracketMatch.border#87d7ff
- editorCursor.foreground#87d7ff
- editorError.foreground#ff5f5f
- editorIndentGuide.activeBackground1#808080
- editorIndentGuide.background1#444444
- editorInfo.foreground#87d7ff
- editorLineNumber.activeForeground#d0d0d0
- editorLineNumber.foreground#808080
- editorRuler.foreground#44444480
- editorWarning.foreground#ffaf5f
- gitDecoration.addedResourceForeground#5fff5f
- gitDecoration.conflictingResourceForeground#d787ff
- gitDecoration.deletedResourceForeground#ff5f5f
- gitDecoration.modifiedResourceForeground#ffaf5f
- gitDecoration.untrackedResourceForeground#5fff5f
- input.background#303030
- input.border#444444
- input.foreground#d0d0d0
- input.placeholderForeground#585858
- inputValidation.errorBackground#ff5f5f20
- inputValidation.errorBorder#ff5f5f
- inputValidation.infoBackground#87d7ff20
- inputValidation.infoBorder#87d7ff
- inputValidation.warningBackground#ffaf5f20
- inputValidation.warningBorder#ffaf5f
- list.activeSelectionBackground#87d7ff20
- list.activeSelectionForeground#d0d0d0
- list.focusBackground#87d7ff20
- list.focusForeground#d0d0d0
- list.hoverBackground#3a3a3a
- list.hoverForeground#d0d0d0
- list.inactiveSelectionBackground#44444440
- list.inactiveSelectionForeground#d0d0d0
- panel.background#1c1c1c
- panel.border#444444
- panelTitle.activeBorder#87d7ff
- panelTitle.activeForeground#d0d0d0
- panelTitle.inactiveForeground#808080
- scrollbar.shadow#00000000
- scrollbarSlider.activeBackground#44444480
- scrollbarSlider.background#44444440
- scrollbarSlider.hoverBackground#44444460
- sideBar.background#1c1c1c
- sideBar.border#444444
- sideBar.foreground#d0d0d0
- sideBarSectionHeader.background#303030
- sideBarSectionHeader.border#444444
- sideBarSectionHeader.foreground#d0d0d0
- sideBarTitle.foreground#d0d0d0
- statusBar.background#1c1c1c
- statusBar.border#444444
- statusBar.debuggingBackground#ffaf5f
- statusBar.debuggingForeground#1c1c1c
- statusBar.foreground#d0d0d0
- statusBar.noFolderBackground#1c1c1c
- tab.activeBackground#1c1c1c
- tab.activeBorder#87d7ff
- tab.activeForeground#d0d0d0
- tab.border#444444
- tab.hoverBackground#3a3a3a
- tab.hoverForeground#d0d0d0
- tab.inactiveBackground#303030
- tab.inactiveForeground#808080
- terminal.ansiBlack#1c1c1c
- terminal.ansiBlue#87d7ff
- terminal.ansiBrightBlack#808080
- terminal.ansiBrightBlue#afffff
- terminal.ansiBrightCyan#87ffff
- terminal.ansiBrightGreen#87ff87
- terminal.ansiBrightMagenta#ffafff
- terminal.ansiBrightRed#ff8787
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffd787
- terminal.ansiCyan#5fdfff
- terminal.ansiGreen#5fff5f
- terminal.ansiMagenta#d787ff
- terminal.ansiRed#ff5f5f
- terminal.ansiWhite#d0d0d0
- terminal.ansiYellow#ffaf5f
- terminal.background#1c1c1c
- terminal.foreground#d0d0d0
- titleBar.activeBackground#1c1c1c
- titleBar.activeForeground#d0d0d0
- titleBar.border#444444
- titleBar.inactiveBackground#121212
- titleBar.inactiveForeground#808080
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #808080 | italic |
| keyword, storage.type, storage.modifier | #d787ff | — |
| string, string.quoted | #5fff5f | — |
| string.regexp | #5fff5f | — |
| constant.character.escape | #ffaf5f | — |
| constant.numeric, constant.language, support.constant | #ff5f5f | — |
| variable, support.variable | #d0d0d0 | — |
| variable.language, variable.parameter.function | #d787ff | — |
| entity.name.function, support.function | #87d7ff | — |
| entity.name.class, entity.name.type, support.class, support.type | #ffaf5f | — |
| entity.name.tag | #87d7ff | — |
| entity.other.attribute-name | #d0d0d0 | — |
| punctuation | #d0d0d0 | — |
| punctuation.definition.string | #5fff5f | — |
| punctuation.definition.variable, punctuation.definition.parameters | #d787ff | — |
| support.constant.property-value, support.constant.font-name | #ff5f5f | — |
| meta.preprocessor | #ffaf5f | — |
| markup.heading | #87d7ff | bold |
| markup.italic | — | italic |
| markup.bold | — | bold |
| markup.underline.link | #87d7ff | italic |
| markup.raw, markup.inline.raw | #5fff5f | — |
| invalid | #ff5f5f | — |