Pepe Themes
Publisher: pepeelpolloThemes in package: 7
Seven handcrafted dark themes: Purple Neon Pepe, Caffee Theme, Tierra, Sakura Night, Bruma, Atardecer and Profundo.
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#2E1E10
- activityBar.border#60412B
- activityBar.foreground#DDE3E3
- activityBar.inactiveForeground#7A5A42
- activityBarBadge.background#B37C57
- activityBarBadge.foreground#FFF5EE
- badge.background#B37C57
- badge.foreground#FFF5EE
- breadcrumb.activeSelectionForeground#DDE3E3
- breadcrumb.focusForeground#9AACB8
- breadcrumb.foreground#7A8898
- breadcrumbPicker.background#303848
- button.background#B37C57
- button.foreground#FFF5EE
- button.hoverBackground#C89070
- button.secondaryBackground#60412B
- button.secondaryForeground#F0DDD0
- descriptionForeground#9AACB8
- diffEditor.insertedTextBackground#7A9EA820
- diffEditor.removedTextBackground#A0686820
- disabledForeground#7A8898
- dropdown.background#303848
- dropdown.border#4E5870
- dropdown.foreground#DDE3E3
- editor.background#3C455C
- editor.findMatchBackground#B37C5766
- editor.findMatchHighlightBackground#B37C5733
- editor.foreground#DDE3E3
- editor.lineHighlightBackground#424D65
- editor.rangeHighlightBackground#9AACB822
- editor.selectionBackground#B37C5744
- editor.selectionHighlightBackground#B37C5722
- editor.wordHighlightBackground#9AACB822
- editor.wordHighlightStrongBackground#9AACB844
- editorBracketMatch.background#B37C5733
- editorBracketMatch.border#B37C57
- editorCursor.foreground#DDE3E3
- editorError.foreground#C07878
- editorGroupHeader.tabsBackground#303848
- editorGroupHeader.tabsBorder#303848
- editorGutter.addedBackground#7A9EA8
- editorGutter.background#384156
- editorGutter.deletedBackground#A06868
- editorGutter.modifiedBackground#B37C57
- editorHint.foreground#DDE3E3
- editorHoverWidget.background#303848
- editorHoverWidget.border#4E5870
- editorIndentGuide.activeBackground#9AACB866
- editorIndentGuide.background#424D6566
- editorInfo.foreground#9AACB8
- editorLineNumber.activeForeground#9AACB8
- editorLineNumber.foreground#556070
- editorOverviewRuler.border#3C455C
- editorRuler.foreground#424D65
- editorSuggestWidget.background#303848
- editorSuggestWidget.border#4E5870
- editorSuggestWidget.foreground#DDE3E3
- editorSuggestWidget.highlightForeground#B37C57
- editorSuggestWidget.selectedBackground#424D65
- editorWarning.foreground#C8A080
- editorWhitespace.foreground#424D65
- editorWidget.background#303848
- editorWidget.border#60412B
- errorForeground#C07878
- focusBorder#B37C57
- foreground#DDE3E3
- gitDecoration.addedResourceForeground#7A9EA8
- gitDecoration.conflictingResourceForeground#C8A080
- gitDecoration.deletedResourceForeground#C07878
- gitDecoration.ignoredResourceForeground#7A8898
- gitDecoration.modifiedResourceForeground#B37C57
- gitDecoration.untrackedResourceForeground#8AAA90
- icon.foreground#9AACB8
- input.background#303848
- input.border#4E5870
- input.foreground#DDE3E3
- input.placeholderForeground#7A8898
- inputOption.activeBackground#424D65
- inputOption.activeBorder#B37C57
- inputOption.activeForeground#DDE3E3
- list.activeSelectionBackground#60412B
- list.activeSelectionForeground#FFF5EE
- list.focusBackground#60412B
- list.highlightForeground#B37C57
- list.hoverBackground#583824
- list.hoverForeground#DDE3E3
- list.inactiveSelectionBackground#4E3220
- list.inactiveSelectionForeground#DDE3E3
- menu.background#2E1E10
- menu.border#7A5A42
- menu.foreground#DDE3E3
- menu.selectionBackground#60412B
- menu.selectionForeground#FFF5EE
- menu.separatorBackground#7A5A42
- menubar.selectionBackground#60412B
- menubar.selectionForeground#DDE3E3
- notifications.background#303848
- notifications.border#4E5870
- notifications.foreground#DDE3E3
- panel.background#2E1E10
- panel.border#60412B
- panelTitle.activeBorder#B37C57
- panelTitle.activeForeground#DDE3E3
- panelTitle.inactiveForeground#7A5A42
- scrollbarSlider.activeBackground#9AACB8AA
- scrollbarSlider.background#424D6566
- scrollbarSlider.hoverBackground#556070AA
- selection.background#B37C5744
- settings.headerForeground#DDE3E3
- settings.modifiedItemIndicator#B37C57
- sideBar.background#4E3220
- sideBar.border#3C2A18
- sideBar.foreground#D0C4B8
- sideBarSectionHeader.background#3C2A18
- sideBarSectionHeader.border#2E1E10
- sideBarSectionHeader.foreground#DDE3E3
- sideBarTitle.foreground#DDE3E3
- statusBar.background#60412B
- statusBar.border#3C2A18
- statusBar.debuggingBackground#3C455C
- statusBar.debuggingForeground#DDE3E3
- statusBar.foreground#F0DDD0
- statusBar.noFolderBackground#2E1E10
- statusBarItem.hoverBackground#7A5438
- statusBarItem.remoteBackground#B37C57
- statusBarItem.remoteForeground#FFF5EE
- tab.activeBackground#3C455C
- tab.activeBorder#B37C57
- tab.activeForeground#DDE3E3
- tab.border#303848
- tab.hoverBackground#424D65
- tab.hoverForeground#DDE3E3
- tab.inactiveBackground#303848
- tab.inactiveForeground#7A8898
- terminal.ansiBlack#2E1E10
- terminal.ansiBlue#6A8898
- terminal.ansiBrightBlack#7A5A42
- terminal.ansiBrightBlue#9AACB8
- terminal.ansiBrightCyan#7A9EA8
- terminal.ansiBrightGreen#8AAA90
- terminal.ansiBrightMagenta#B38898
- terminal.ansiBrightRed#C07878
- terminal.ansiBrightWhite#DDE3E3
- terminal.ansiBrightYellow#C8A080
- terminal.ansiCyan#5A8090
- terminal.ansiGreen#6A8870
- terminal.ansiMagenta#906878
- terminal.ansiRed#A06060
- terminal.ansiWhite#B0BCBC
- terminal.ansiYellow#B37C57
- terminal.background#2E1E10
- terminal.foreground#DDE3E3
- terminal.selectionBackground#B37C5744
- terminalCursor.background#2E1E10
- terminalCursor.foreground#DDE3E3
- titleBar.activeBackground#2E1E10
- titleBar.activeForeground#DDE3E3
- titleBar.border#60412B
- titleBar.inactiveBackground#241608
- titleBar.inactiveForeground#7A5A42
- widget.shadow#2E1E1099
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #6A7888 | italic |
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new | #B37C57 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #B37C57 | italic |
| keyword.operator | #9AACB8 | — |
| string, string.quoted, string.template | #C8A880 | — |
| constant.character.escape, string.regexp | #D8B898 | — |
| constant.numeric | #C8A080 | — |
| constant.language | #7A9EA8 | bold |
| variable.other.constant | #C8A880 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #9AACB8 | bold |
| variable.parameter | #BEC8C8 | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class | #B8CCCC | bold |
| entity.name.type.interface | #B8CCCC | italic |
| variable, variable.other | #DDE3E3 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #C8D0D0 | — |
| entity.name.tag | #B37C57 | — |
| entity.other.attribute-name | #9AACB8 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #C8A080 | — |
| support.type.property-name | #9AACB8 | — |
| support.constant.property-value | #C8A880 | — |
| keyword.other.unit | #C8A080 | — |
| punctuation, punctuation.definition | #7A8EA0 | — |
| variable.language.this, variable.language.self | #B37C57 | italic |
| meta.decorator, entity.name.function.decorator | #C8A080 | italic |
| support.type.property-name.json | #9AACB8 | — |
| markup.heading | #B37C57 | bold |
| markup.bold | #C8A880 | bold |
| markup.italic | #DDE3E3 | italic |
| markup.inline.raw | #9AACB8 | — |
| markup.underline.link | #B37C57 | underline |
| invalid | #C07878 | strikethrough |