Pichon Theme
Publisher: m4ujoThemes in package: 10
Pichon Theme: Dark Modern, but even darker. Deep, refined tones with token colors inspired by top themes
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.
- actionBar.toggledBackground#383a49
- activityBar.activeBorder#0078d4
- activityBar.background#101010
- activityBar.border#2b2b2b
- activityBar.foreground#d7d7d7
- activityBar.inactiveForeground#868686
- activityBarBadge.background#0078d4
- activityBarBadge.foreground#ffffff
- badge.background#616161
- badge.foreground#f8f8f8
- breadcrumbPicker.background#101010
- button.background#0078d4
- button.border#ffffff12
- button.foreground#ffffff
- button.hoverBackground#026ec1
- button.secondaryBackground#222222
- button.secondaryForeground#cccccc
- button.secondaryHoverBackground#3c3c3c
- chat.editedFileForeground#e2c08d
- chat.slashCommandBackground#34414b
- chat.slashCommandForeground#40a6ff
- checkbox.background#222222
- checkbox.border#3c3c3c
- checkbox.selectBackground#101010
- debugToolBar.background#101010
- descriptionForeground#9d9d9d
- dropdown.background#222222
- dropdown.border#3c3c3c
- dropdown.foreground#cccccc
- dropdown.listBackground#101010
- editor.background#101010
- editor.findMatchBackground#9e6a03
- editor.foreground#cccccc
- editor.inactiveSelectionBackground#3a3d41
- editor.selectionHighlightBackground#add6ff26
- editorActionList.background#101010
- editorBracketHighlight.foreground1#5caeef
- editorBracketHighlight.foreground2#dfb976
- editorBracketHighlight.foreground3#c172d9
- editorBracketHighlight.foreground4#4fb1bc
- editorBracketHighlight.foreground5#97c26c
- editorBracketHighlight.foreground6#abb2c0
- editorBracketHighlight.unexpectedBracket.foreground#db6165
- editorGroup.border#ffffff17
- editorGroup.dropIntoPromptBackground#101010
- editorGroupHeader.tabsBackground#101010
- editorGroupHeader.tabsBorder#2b2b2b
- editorGutter.addedBackground#2ea043
- editorGutter.deletedBackground#f85149
- editorGutter.modifiedBackground#0078d4
- editorHoverWidget.background#101010
- editorIndentGuide.activeBackground1#707070
- editorIndentGuide.background1#404040
- editorLineNumber.activeForeground#cccccc
- editorLineNumber.foreground#6e7681
- editorOverviewRuler.border#010409
- editorSuggestWidget.background#101010
- editorWidget.background#101010
- errorForeground#f85149
- focusBorder#0078d4
- foreground#cccccc
- icon.foreground#cccccc
- input.background#222222
- input.border#3c3c3c
- input.foreground#cccccc
- input.placeholderForeground#989898
- inputOption.activeBackground#2489db82
- inputOption.activeBorder#2488db
- keybindingLabel.foreground#cccccc
- list.activeSelectionIconForeground#ffffff
- list.dropBackground#383b3d
- menu.background#101010
- menu.border#454545
- menu.foreground#cccccc
- menu.selectionBackground#0078d4
- menu.separatorBackground#454545
- notificationCenterHeader.background#101010
- notificationCenterHeader.foreground#cccccc
- notifications.background#101010
- notifications.border#2b2b2b
- notifications.foreground#cccccc
- panel.background#101010
- panel.border#2b2b2b
- panelInput.border#2b2b2b
- panelTitle.activeBorder#0078d4
- panelTitle.activeForeground#cccccc
- panelTitle.inactiveForeground#9d9d9d
- peekViewEditor.background#101010
- peekViewEditor.matchHighlightBackground#bb800966
- peekViewResult.background#101010
- peekViewResult.matchHighlightBackground#bb800966
- pickerGroup.border#3c3c3c
- ports.iconRunningProcessForeground#369432
- progressBar.background#0078d4
- quickInput.background#101010
- quickInput.foreground#cccccc
- settings.dropdownBackground#222222
- settings.dropdownBorder#3c3c3c
- settings.headerForeground#ffffff
- settings.modifiedItemIndicator#bb800966
- sideBar.background#101010
- sideBar.border#2b2b2b
- sideBar.foreground#cccccc
- sideBarSectionHeader.background#101010
- sideBarSectionHeader.border#2b2b2b
- sideBarSectionHeader.foreground#cccccc
- sideBarTitle.foreground#cccccc
- statusBar.background#101010
- statusBar.border#2b2b2b
- statusBar.debuggingBackground#0078d4
- statusBar.debuggingForeground#ffffff
- statusBar.focusBorder#0078d4
- statusBar.foreground#cccccc
- statusBar.noFolderBackground#101010
- statusBarItem.focusBorder#0078d4
- statusBarItem.prominentBackground#6e768166
- statusBarItem.remoteBackground#0078d4
- statusBarItem.remoteForeground#ffffff
- tab.activeBackground#101010
- tab.activeBorder#101010
- tab.activeBorderTop#0078d4
- tab.activeForeground#ffffff
- tab.border#2b2b2b
- tab.hoverBackground#101010
- tab.inactiveBackground#101010
- tab.inactiveForeground#9d9d9d
- tab.lastPinnedBorder#cccccc33
- tab.selectedBackground#101010
- tab.selectedBorderTop#6caddf
- tab.selectedForeground#ffffffa0
- tab.unfocusedActiveBorder#101010
- tab.unfocusedActiveBorderTop#2b2b2b
- tab.unfocusedHoverBackground#101010
- terminal.foreground#cccccc
- terminal.inactiveSelectionBackground#3a3d41
- terminal.tab.activeBorder#0078d4
- textBlockQuote.background#2b2b2b
- textBlockQuote.border#616161
- textCodeBlock.background#2b2b2b
- textLink.activeForeground#4daafc
- textLink.foreground#4daafc
- textPreformat.background#3c3c3c
- textPreformat.foreground#d0d0d0
- textSeparator.foreground#21262d
- titleBar.activeBackground#101010
- titleBar.activeForeground#cccccc
- titleBar.border#2b2b2b
- titleBar.inactiveBackground#101010
- titleBar.inactiveForeground#9d9d9d
- welcomePage.progress.foreground#0078d4
- welcomePage.tileBackground#2b2b2b
- widget.border#222222
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #6a737d | — |
| constant, entity.name.constant, variable.other.constant, variable.other.enummember, variable.language | #79b8ff | — |
| entity, entity.name | #b392f0 | — |
| variable.parameter.function | #e1e4e8 | — |
| entity.name.tag | #85e89d | — |
| keyword | #f97583 | — |
| storage, storage.type | #f97583 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #e1e4e8 | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #9ecbff | — |
| support | #79b8ff | — |
| meta.property-name | #79b8ff | — |
| variable | #ffab70 | — |
| variable.other | #e1e4e8 | — |
| invalid.broken | #fdaeb7 | italic |
| invalid.deprecated | #fdaeb7 | italic |
| invalid.illegal | #fdaeb7 | italic |
| invalid.unimplemented | #fdaeb7 | italic |
| carriage-return | #24292e | italic underline |
| message.error | #fdaeb7 | — |
| string variable | #79b8ff | — |
| source.regexp, string.regexp | #dbedff | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #dbedff | — |
| string.regexp constant.character.escape | #85e89d | bold |
| support.constant | #79b8ff | — |
| support.variable | #79b8ff | — |
| meta.module-reference | #79b8ff | — |
| punctuation.definition.list.begin.markdown | #ffab70 | — |
| markup.heading, markup.heading entity.name | #79b8ff | bold |
| markup.quote | #85e89d | — |
| markup.italic | #e1e4e8 | italic |
| markup.bold | #e1e4e8 | bold |
| markup.underline | — | underline |
| markup.strikethrough | — | strikethrough |
| markup.inline.raw | #79b8ff | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #fdaeb7 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #85e89d | — |
| markup.changed, punctuation.definition.changed | #ffab70 | — |
| markup.ignored, markup.untracked | #2f363d | — |
| meta.diff.range | #b392f0 | bold |
| meta.diff.header | #79b8ff | — |
| meta.separator | #79b8ff | bold |
| meta.output | #79b8ff | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #d1d5da | — |
| brackethighlighter.unmatched | #fdaeb7 | — |
| constant.other.reference.link, string.other.link | #dbedff | underline |