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#2E323C
- activityBar.border#2B4251
- activityBar.foreground#91B3BC
- activityBar.inactiveForeground#45415E
- activityBarBadge.background#5B7D87
- activityBarBadge.foreground#D0E8EE
- badge.background#5B7D87
- badge.foreground#D0E8EE
- breadcrumb.activeSelectionForeground#AECCD4
- breadcrumb.focusForeground#91B3BC
- breadcrumb.foreground#4A6070
- breadcrumbPicker.background#243848
- button.background#5B7D87
- button.foreground#D0E8EE
- button.hoverBackground#6E92A0
- button.secondaryBackground#45415E
- button.secondaryForeground#91B3BC
- descriptionForeground#6A8898
- diffEditor.insertedTextBackground#5A8E8A22
- diffEditor.removedTextBackground#8A607022
- disabledForeground#45415E
- dropdown.background#243848
- dropdown.border#3A5565
- dropdown.foreground#91B3BC
- editor.background#2B4251
- editor.findMatchBackground#5B7D8777
- editor.findMatchHighlightBackground#5B7D8733
- editor.foreground#91B3BC
- editor.lineHighlightBackground#30495A
- editor.rangeHighlightBackground#5B7D8722
- editor.selectionBackground#5B7D8755
- editor.selectionHighlightBackground#5B7D8733
- editor.wordHighlightBackground#91B3BC22
- editor.wordHighlightStrongBackground#91B3BC44
- editorBracketMatch.background#5B7D8744
- editorBracketMatch.border#5B7D87
- editorCursor.foreground#91B3BC
- editorError.foreground#A07888
- editorGroupHeader.tabsBackground#243848
- editorGroupHeader.tabsBorder#2E323C
- editorGutter.addedBackground#5A8E8A
- editorGutter.background#274050
- editorGutter.deletedBackground#8A6070
- editorGutter.modifiedBackground#5B7D87
- editorHint.foreground#91B3BC
- editorHoverWidget.background#243848
- editorHoverWidget.border#3A5565
- editorIndentGuide.activeBackground#5B7D8788
- editorIndentGuide.background#30495A99
- editorInfo.foreground#5B7D87
- editorLineNumber.activeForeground#5B7D87
- editorLineNumber.foreground#3A5565
- editorOverviewRuler.border#2B4251
- editorRuler.foreground#30495A
- editorSuggestWidget.background#243848
- editorSuggestWidget.border#3A5565
- editorSuggestWidget.foreground#91B3BC
- editorSuggestWidget.highlightForeground#AECCD4
- editorSuggestWidget.selectedBackground#30495A
- editorWarning.foreground#8A9EAA
- editorWhitespace.foreground#30495A
- editorWidget.background#243848
- editorWidget.border#45415E
- errorForeground#A07888
- focusBorder#5B7D87
- foreground#91B3BC
- gitDecoration.addedResourceForeground#5A8E8A
- gitDecoration.conflictingResourceForeground#7A7A9E
- gitDecoration.deletedResourceForeground#A07888
- gitDecoration.ignoredResourceForeground#45415E
- gitDecoration.modifiedResourceForeground#5B7D87
- gitDecoration.untrackedResourceForeground#5A9898
- icon.foreground#5B7D87
- input.background#243848
- input.border#3A5565
- input.foreground#91B3BC
- input.placeholderForeground#4A6070
- inputOption.activeBackground#30495A
- inputOption.activeBorder#5B7D87
- inputOption.activeForeground#AECCD4
- list.activeSelectionBackground#45415E
- list.activeSelectionForeground#AECCD4
- list.focusBackground#45415E
- list.highlightForeground#AECCD4
- list.hoverBackground#3F3C54
- list.hoverForeground#91B3BC
- list.inactiveSelectionBackground#3A384F
- list.inactiveSelectionForeground#91B3BC
- menu.background#2E323C
- menu.border#3A5565
- menu.foreground#91B3BC
- menu.selectionBackground#45415E
- menu.selectionForeground#AECCD4
- menu.separatorBackground#3A5565
- menubar.selectionBackground#2B4251
- menubar.selectionForeground#91B3BC
- notifications.background#243848
- notifications.border#3A5565
- notifications.foreground#91B3BC
- panel.background#2E323C
- panel.border#2B4251
- panelTitle.activeBorder#5B7D87
- panelTitle.activeForeground#91B3BC
- panelTitle.inactiveForeground#45415E
- scrollbarSlider.activeBackground#5B7D87AA
- scrollbarSlider.background#30495A66
- scrollbarSlider.hoverBackground#3A556688
- selection.background#5B7D8744
- settings.headerForeground#AECCD4
- settings.modifiedItemIndicator#5B7D87
- sideBar.background#3A384F
- sideBar.border#2E323C
- sideBar.foreground#7A9AAA
- sideBarSectionHeader.background#2E323C
- sideBarSectionHeader.border#2B4251
- sideBarSectionHeader.foreground#91B3BC
- sideBarTitle.foreground#91B3BC
- statusBar.background#243848
- statusBar.border#1E3040
- statusBar.debuggingBackground#45415E
- statusBar.debuggingForeground#AECCD4
- statusBar.foreground#91B3BC
- statusBar.noFolderBackground#2E323C
- statusBarItem.hoverBackground#30495A
- statusBarItem.remoteBackground#5B7D87
- statusBarItem.remoteForeground#D0E8EE
- tab.activeBackground#2B4251
- tab.activeBorder#5B7D87
- tab.activeForeground#AECCD4
- tab.border#2E323C
- tab.hoverBackground#30495A
- tab.hoverForeground#91B3BC
- tab.inactiveBackground#243848
- tab.inactiveForeground#4A6070
- terminal.ansiBlack#2E323C
- terminal.ansiBlue#3A6070
- terminal.ansiBrightBlack#45415E
- terminal.ansiBrightBlue#5B7D87
- terminal.ansiBrightCyan#5A9898
- terminal.ansiBrightGreen#5A8E8A
- terminal.ansiBrightMagenta#7A7A9E
- terminal.ansiBrightRed#A07888
- terminal.ansiBrightWhite#AECCD4
- terminal.ansiBrightYellow#8A9EAA
- terminal.ansiCyan#3A7878
- terminal.ansiGreen#3A6E6A
- terminal.ansiMagenta#5A5A7E
- terminal.ansiRed#7A5868
- terminal.ansiWhite#91B3BC
- terminal.ansiYellow#6A8090
- terminal.background#2E323C
- terminal.foreground#91B3BC
- terminal.selectionBackground#5B7D8755
- terminalCursor.background#2E323C
- terminalCursor.foreground#91B3BC
- titleBar.activeBackground#2E323C
- titleBar.activeForeground#91B3BC
- titleBar.border#2B4251
- titleBar.inactiveBackground#272B34
- titleBar.inactiveForeground#45415E
- widget.shadow#1E303899
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #3A5565 | italic |
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new | #5B7D87 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #5B7D87 | italic |
| keyword.operator | #6A8898 | — |
| string, string.quoted, string.template | #AECCD4 | — |
| constant.character.escape, string.regexp | #C0DCE4 | — |
| constant.numeric | #7AA8B8 | — |
| constant.language | #7A7A9E | bold |
| variable.other.constant | #AECCD4 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #6E9EAA | bold |
| variable.parameter | #7A9EAA | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class | #8AAAB8 | bold |
| entity.name.type.interface | #8AAAB8 | italic |
| variable, variable.other | #91B3BC | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #82A4B0 | — |
| entity.name.tag | #5B7D87 | — |
| entity.other.attribute-name | #91B3BC | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #7AA8B8 | — |
| support.type.property-name | #6E9EAA | — |
| support.constant.property-value | #AECCD4 | — |
| keyword.other.unit | #7AA8B8 | — |
| punctuation, punctuation.definition | #5A7888 | — |
| variable.language.this, variable.language.self | #5B7D87 | italic |
| meta.decorator, entity.name.function.decorator | #7A9EAA | italic |
| support.type.property-name.json | #6E9EAA | — |
| markup.heading | #AECCD4 | bold |
| markup.bold | #C0DCE4 | bold |
| markup.italic | #91B3BC | italic |
| markup.inline.raw | #6E9EAA | — |
| markup.underline.link | #5B7D87 | underline |
| invalid | #A07888 | strikethrough |