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#1E1B17
- activityBar.border#283532
- activityBar.foreground#9C8E7A
- activityBar.inactiveForeground#4A4038
- activityBarBadge.background#5B7E82
- activityBarBadge.foreground#1E1B17
- badge.background#5B7E82
- badge.foreground#1E1B17
- breadcrumb.activeSelectionForeground#B8A98C
- breadcrumb.focusForeground#7AAFA8
- breadcrumb.foreground#5A5048
- breadcrumbPicker.background#1E2A28
- button.background#3A5550
- button.foreground#C4B49C
- button.hoverBackground#4A6E6A
- button.secondaryBackground#543E36
- button.secondaryForeground#C4B49C
- descriptionForeground#7A6E60
- diffEditor.insertedTextBackground#7AAFA820
- diffEditor.removedTextBackground#A0605020
- disabledForeground#4A4038
- dropdown.background#1E2A28
- dropdown.border#3A4D4A
- dropdown.foreground#9C8E7A
- editor.background#283532
- editor.findMatchBackground#5B7E8266
- editor.findMatchHighlightBackground#5B7E8233
- editor.foreground#9C8E7A
- editor.lineHighlightBackground#2E3D3A
- editor.rangeHighlightBackground#283532
- editor.selectionBackground#543E3655
- editor.selectionHighlightBackground#543E3633
- editor.wordHighlightBackground#5B7E8222
- editor.wordHighlightStrongBackground#5B7E8244
- editorBracketMatch.background#5B7E8233
- editorBracketMatch.border#5B7E82
- editorCursor.foreground#9C8E7A
- editorError.foreground#A06050
- editorGroupHeader.tabsBackground#1E2A28
- editorGroupHeader.tabsBorder#1E1B17
- editorGutter.addedBackground#7AAFA8
- editorGutter.background#243230
- editorGutter.deletedBackground#A06050
- editorGutter.modifiedBackground#5B7E82
- editorHint.foreground#5B7E82
- editorHoverWidget.background#1E2A28
- editorHoverWidget.border#3A4D4A
- editorIndentGuide.activeBackground#5B7E8266
- editorIndentGuide.background#2E3D3A99
- editorInfo.foreground#7AAFA8
- editorLineNumber.activeForeground#5B7E82
- editorLineNumber.foreground#3A4D4A
- editorOverviewRuler.border#283532
- editorRuler.foreground#2E3D3A
- editorSuggestWidget.background#1E2A28
- editorSuggestWidget.border#3A4D4A
- editorSuggestWidget.foreground#9C8E7A
- editorSuggestWidget.highlightForeground#7AAFA8
- editorSuggestWidget.selectedBackground#2E3D3A
- editorWarning.foreground#C4A882
- editorWhitespace.foreground#2E3D3A
- editorWidget.background#1E2A28
- editorWidget.border#543E36
- errorForeground#A06050
- focusBorder#5B7E82
- foreground#9C8E7A
- gitDecoration.addedResourceForeground#7AAFA8
- gitDecoration.conflictingResourceForeground#9A7A62
- gitDecoration.deletedResourceForeground#A06050
- gitDecoration.ignoredResourceForeground#4A4038
- gitDecoration.modifiedResourceForeground#C4A882
- gitDecoration.untrackedResourceForeground#7A9A88
- icon.foreground#7AAFA8
- input.background#1E2A28
- input.border#3A4D4A
- input.foreground#9C8E7A
- input.placeholderForeground#5A5048
- inputOption.activeBackground#2E3D3A
- inputOption.activeBorder#5B7E82
- inputOption.activeForeground#B8A98C
- list.activeSelectionBackground#2E3D3A
- list.activeSelectionForeground#B8A98C
- list.focusBackground#2E3D3A
- list.highlightForeground#7AAFA8
- list.hoverBackground#2A3835
- list.hoverForeground#9C8E7A
- list.inactiveSelectionBackground#283532
- list.inactiveSelectionForeground#9C8E7A
- menu.background#1E2A28
- menu.border#3A4D4A
- menu.foreground#9C8E7A
- menu.selectionBackground#2E3D3A
- menu.selectionForeground#B8A98C
- menu.separatorBackground#3A4D4A
- menubar.selectionBackground#283532
- menubar.selectionForeground#9C8E7A
- notifications.background#1E2A28
- notifications.border#3A4D4A
- notifications.foreground#9C8E7A
- panel.background#1E1B17
- panel.border#283532
- panelTitle.activeBorder#5B7E82
- panelTitle.activeForeground#9C8E7A
- panelTitle.inactiveForeground#5A5048
- scrollbarSlider.activeBackground#5B7E82AA
- scrollbarSlider.background#2E3D3A66
- scrollbarSlider.hoverBackground#3A4D4A88
- selection.background#543E3644
- settings.headerForeground#B8A98C
- settings.modifiedItemIndicator#5B7E82
- sideBar.background#222E2B
- sideBar.border#283532
- sideBar.foreground#8A7D6C
- sideBarSectionHeader.background#283532
- sideBarSectionHeader.border#1E1B17
- sideBarSectionHeader.foreground#9C8E7A
- sideBarTitle.foreground#9C8E7A
- statusBar.background#543E36
- statusBar.border#3A2A24
- statusBar.debuggingBackground#7A5A4E
- statusBar.debuggingForeground#E8D8C0
- statusBar.foreground#C4B49C
- statusBar.noFolderBackground#1E1B17
- statusBarItem.hoverBackground#7A5A4E
- statusBarItem.remoteBackground#5B7E82
- statusBarItem.remoteForeground#1E1B17
- tab.activeBackground#283532
- tab.activeBorder#5B7E82
- tab.activeForeground#B8A98C
- tab.border#1E1B17
- tab.hoverBackground#2E3D3A
- tab.hoverForeground#9C8E7A
- tab.inactiveBackground#1E2A28
- tab.inactiveForeground#5A5048
- terminal.ansiBlack#1E1B17
- terminal.ansiBlue#4A6E72
- terminal.ansiBrightBlack#4A4038
- terminal.ansiBrightBlue#5B7E82
- terminal.ansiBrightCyan#7AAFA8
- terminal.ansiBrightGreen#7A9A88
- terminal.ansiBrightMagenta#9A7A82
- terminal.ansiBrightRed#A06050
- terminal.ansiBrightWhite#C4B49C
- terminal.ansiBrightYellow#C4A882
- terminal.ansiCyan#5B8F88
- terminal.ansiGreen#5A7A68
- terminal.ansiMagenta#7A5A62
- terminal.ansiRed#8A5040
- terminal.ansiWhite#9C8E7A
- terminal.ansiYellow#A88C6A
- terminal.background#1E1B17
- terminal.foreground#9C8E7A
- terminal.selectionBackground#543E3655
- terminalCursor.foreground#9C8E7A
- titleBar.activeBackground#1E1B17
- titleBar.activeForeground#9C8E7A
- titleBar.border#283532
- titleBar.inactiveBackground#1A1814
- titleBar.inactiveForeground#5A5048
- widget.shadow#1E1B1799
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #4A5E5A | italic |
| keyword, keyword.control, storage.type, storage.modifier, keyword.operator.new | #5B7E82 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #5B7E82 | italic |
| keyword.operator | #7A8E8A | — |
| string, string.quoted, string.template | #B8A98C | — |
| constant.character.escape, string.regexp | #C4B49C | — |
| constant.numeric | #C4A882 | — |
| constant.language | #7AAFA8 | bold |
| variable.other.constant | #C4B49C | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #7AAFA8 | bold |
| variable.parameter | #9C8E7A | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class | #8AAFA8 | bold |
| entity.name.type.interface | #7AAFA8 | italic |
| variable, variable.other | #9C8E7A | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #A89C88 | — |
| entity.name.tag | #5B7E82 | — |
| entity.other.attribute-name | #9C8E7A | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #C4A882 | — |
| support.type.property-name | #7AAFA8 | — |
| support.constant.property-value | #B8A98C | — |
| keyword.other.unit | #C4A882 | — |
| punctuation, punctuation.definition | #6A7E7A | — |
| variable.language.this, variable.language.self | #5B7E82 | italic |
| meta.decorator, entity.name.function.decorator | #C4A882 | italic |
| support.type.property-name.json | #7AAFA8 | — |
| markup.heading | #B8A98C | bold |
| markup.bold | #C4A882 | bold |
| markup.italic | #9C8E7A | italic |
| markup.inline.raw | #7AAFA8 | — |
| markup.underline.link | #5B7E82 | underline |
| invalid | #A06050 | strikethrough |