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#0F0022
- activityBar.border#2C0066
- activityBar.foreground#CC00FF
- activityBar.inactiveForeground#5500AA
- activityBarBadge.background#FF00FF
- activityBarBadge.foreground#0F0022
- badge.background#FF00FF
- badge.foreground#0F0022
- breadcrumb.activeSelectionForeground#FF00FF
- breadcrumb.focusForeground#CC00FF
- breadcrumb.foreground#7744AA
- breadcrumbPicker.background#150033
- button.background#6600CC
- button.foreground#FFFFFF
- button.hoverBackground#9900FF
- button.secondaryBackground#2C0066
- button.secondaryForeground#CC99FF
- checkbox.background#150033
- checkbox.border#6600CC
- checkbox.foreground#E8CCFF
- debugToolBar.background#150033
- debugToolBar.border#6600CC
- descriptionForeground#9966CC
- diffEditor.insertedTextBackground#00FF8820
- diffEditor.removedTextBackground#FF005520
- disabledForeground#5500AA
- dropdown.background#150033
- dropdown.border#6600CC
- dropdown.foreground#E8CCFF
- editor.background#1A0040
- editor.findMatchBackground#FF00FF44
- editor.findMatchHighlightBackground#FF00FF22
- editor.focusedStackFrameHighlightBackground#9900FF44
- editor.foreground#E8CCFF
- editor.lineHighlightBackground#2C006640
- editor.rangeHighlightBackground#2C006630
- editor.selectionBackground#6600CC55
- editor.selectionHighlightBackground#6600CC33
- editor.stackFrameHighlightBackground#9900FF22
- editor.wordHighlightBackground#9900FF22
- editor.wordHighlightStrongBackground#9900FF44
- editorBracketMatch.background#CC00FF33
- editorBracketMatch.border#CC00FF
- editorCursor.foreground#FF00FF
- editorError.foreground#FF0055
- editorGroupHeader.tabsBackground#0F0022
- editorGroupHeader.tabsBorder#2C0066
- editorGutter.addedBackground#00FF88
- editorGutter.background#150033
- editorGutter.deletedBackground#FF0055
- editorGutter.modifiedBackground#FF00FF
- editorHint.foreground#CC00FF
- editorHoverWidget.background#150033
- editorHoverWidget.border#6600CC
- editorIndentGuide.activeBackground#9900FF99
- editorIndentGuide.background#3D008066
- editorInfo.foreground#00FFFF
- editorLineNumber.activeForeground#CC00FF
- editorLineNumber.foreground#5500AA
- editorOverviewRuler.addedForeground#00FF88
- editorOverviewRuler.border#2C0066
- editorOverviewRuler.errorForeground#FF0055
- editorOverviewRuler.findMatchForeground#FF00FF
- editorOverviewRuler.modifiedForeground#FF00FF
- editorOverviewRuler.warningForeground#FFAA00
- editorRuler.foreground#3D0080
- editorSuggestWidget.background#150033
- editorSuggestWidget.border#6600CC
- editorSuggestWidget.foreground#E8CCFF
- editorSuggestWidget.highlightForeground#FF00FF
- editorSuggestWidget.selectedBackground#2C0066
- editorWarning.foreground#FFAA00
- editorWhitespace.foreground#3D0080
- editorWidget.background#150033
- editorWidget.border#6600CC
- errorForeground#FF0055
- extensionButton.prominentBackground#6600CC
- extensionButton.prominentForeground#FFFFFF
- extensionButton.prominentHoverBackground#9900FF
- focusBorder#CC00FF
- foreground#E8CCFF
- gitDecoration.addedResourceForeground#00FF88
- gitDecoration.conflictingResourceForeground#FFAA00
- gitDecoration.deletedResourceForeground#FF0055
- gitDecoration.ignoredResourceForeground#5500AA
- gitDecoration.modifiedResourceForeground#FF00FF
- gitDecoration.untrackedResourceForeground#00FFFF
- icon.foreground#CC00FF
- input.background#150033
- input.border#6600CC
- input.foreground#E8CCFF
- input.placeholderForeground#7744AA
- inputOption.activeBackground#2C0066
- inputOption.activeBorder#FF00FF
- inputOption.activeForeground#FF00FF
- inputValidation.errorBackground#2D001A
- inputValidation.errorBorder#FF0055
- inputValidation.infoBackground#00001A
- inputValidation.infoBorder#00FFFF
- inputValidation.warningBackground#2D1A00
- inputValidation.warningBorder#FFAA00
- list.activeSelectionBackground#2C0066
- list.activeSelectionForeground#FF00FF
- list.focusBackground#2C006680
- list.highlightForeground#FF00FF
- list.hoverBackground#2C006666
- list.hoverForeground#E8CCFF
- list.inactiveSelectionBackground#1A0040
- list.inactiveSelectionForeground#CC99FF
- menu.background#150033
- menu.border#6600CC
- menu.foreground#E8CCFF
- menu.selectionBackground#2C0066
- menu.selectionForeground#FF00FF
- menu.separatorBackground#3D0080
- menubar.selectionBackground#2C0066
- menubar.selectionForeground#FF00FF
- notifications.background#150033
- notifications.border#6600CC
- notifications.foreground#E8CCFF
- notificationsErrorIcon.foreground#FF0055
- notificationsInfoIcon.foreground#00FFFF
- notificationsWarningIcon.foreground#FFAA00
- notificationToast.border#6600CC
- panel.background#0F0022
- panel.border#2C0066
- panelTitle.activeBorder#FF00FF
- panelTitle.activeForeground#FF00FF
- panelTitle.inactiveForeground#7744AA
- scrollbar.shadow#0F002280
- scrollbarSlider.activeBackground#9900FFAA
- scrollbarSlider.background#2C006666
- scrollbarSlider.hoverBackground#6600CC88
- selection.background#6600CC44
- settings.checkboxBackground#150033
- settings.checkboxBorder#6600CC
- settings.checkboxForeground#E8CCFF
- settings.dropdownBackground#150033
- settings.dropdownBorder#6600CC
- settings.dropdownForeground#E8CCFF
- settings.headerForeground#FF00FF
- settings.modifiedItemIndicator#CC00FF
- settings.numberInputBackground#150033
- settings.numberInputBorder#6600CC
- settings.numberInputForeground#E8CCFF
- settings.textInputBackground#150033
- settings.textInputBorder#6600CC
- settings.textInputForeground#E8CCFF
- sideBar.background#130030
- sideBar.border#2C0066
- sideBar.foreground#CC99FF
- sideBarSectionHeader.background#1A0040
- sideBarSectionHeader.border#2C0066
- sideBarSectionHeader.foreground#CC00FF
- sideBarTitle.foreground#FF00FF
- statusBar.background#2C0066
- statusBar.border#6600CC
- statusBar.debuggingBackground#9900FF
- statusBar.debuggingForeground#00FFFF
- statusBar.foreground#FF00FF
- statusBar.noFolderBackground#1A0040
- statusBarItem.hoverBackground#6600CC
- statusBarItem.remoteBackground#FF00FF
- statusBarItem.remoteForeground#0F0022
- tab.activeBackground#1A0040
- tab.activeBorder#FF00FF
- tab.activeForeground#FF00FF
- tab.border#2C0066
- tab.hoverBackground#2C0066
- tab.hoverForeground#CC00FF
- tab.inactiveBackground#0F0022
- tab.inactiveForeground#7744AA
- tab.unfocusedActiveBackground#150033
- tab.unfocusedActiveForeground#9966CC
- tab.unfocusedInactiveForeground#5500AA
- terminal.ansiBlack#0F0022
- terminal.ansiBlue#2244FF
- terminal.ansiBrightBlack#5500AA
- terminal.ansiBrightBlue#4444FF
- terminal.ansiBrightCyan#00FFFF
- terminal.ansiBrightGreen#00FF88
- terminal.ansiBrightMagenta#FF00FF
- terminal.ansiBrightRed#FF0055
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FFFF00
- terminal.ansiCyan#00CCCC
- terminal.ansiGreen#00CC66
- terminal.ansiMagenta#CC00CC
- terminal.ansiRed#CC0044
- terminal.ansiWhite#CC99FF
- terminal.ansiYellow#CCCC00
- terminal.background#0F0022
- terminal.foreground#E8CCFF
- terminal.selectionBackground#6600CC55
- terminalCursor.background#0F0022
- terminalCursor.foreground#FF00FF
- titleBar.activeBackground#0F0022
- titleBar.activeForeground#CC00FF
- titleBar.border#2C0066
- titleBar.inactiveBackground#0A001A
- titleBar.inactiveForeground#5500AA
- widget.shadow#0F002299
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7744AA | italic |
| keyword, keyword.control, keyword.operator.new, keyword.other.using, storage.type, storage.modifier | #FF00FF | bold |
| keyword.operator, keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.comparison | #CC44FF | — |
| string, string.quoted, string.template, string.interpolated | #00FF88 | |
| constant.character.escape, string.regexp | #00FFCC | — |
| constant.numeric, constant.numeric.decimal, constant.numeric.hex, constant.numeric.octal, constant.numeric.binary | #FFFF00 | — |
| constant.language.boolean, constant.language.null, constant.language.undefined, constant.language | #FF8800 | bold |
| constant, variable.other.constant | #FF8800 | — |
| entity.name.function, support.function, meta.function-call entity.name.function | #00FFFF | bold |
| variable.parameter, meta.function.parameter | #AABBFF | italic |
| entity.name.class, entity.name.type, entity.other.inherited-class, support.class, entity.name.type.class | #FF88FF | bold |
| entity.name.type.interface, support.type, meta.type.annotation | #DD66FF | — |
| variable, variable.other, variable.other.readwrite | #E8CCFF | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #CC99FF | — |
| entity.name.tag, meta.tag.sgml | #FF00FF | bold |
| entity.other.attribute-name, meta.tag.attributes | #00FFFF | — |
| entity.other.attribute-name.class, entity.other.attribute-name.id | #FFFF00 | — |
| support.type.property-name, support.type.property-name.css | #00FFFF | — |
| support.constant.property-value, support.constant.color | #00FF88 | — |
| keyword.other.unit | #FF8800 | — |
| punctuation, punctuation.definition, punctuation.separator, punctuation.terminator | #9966CC | — |
| punctuation.definition.bracket, meta.brace, punctuation.section | #CC44FF | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #FF00FF | bold |
| variable.language.this, variable.language.self | #FF88FF | italic |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #FFFF00 | italic |
| support.type.property-name.json | #00FFFF | — |
| markup.heading, entity.name.section | #FF00FF | bold |
| markup.bold | #FFFF00 | bold |
| markup.italic | #FF88FF | italic |
| markup.inline.raw, markup.fenced_code | #00FF88 | — |
| markup.underline.link, string.other.link | #00FFFF | underline |
| invalid, invalid.deprecated | #FF0055 | strikethrough |