Bubblegum Noir
Publisher: strawberrycodeThemes in package: 1
A hot pink Y2K theme — bubblegum workbench, dark editor core, pink-and-lime syntax highlighting.
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.activeBorder#a4d65e
- activityBar.background#dba7c4
- activityBar.border#cf94b3
- activityBar.foreground#3d2a33
- activityBar.inactiveForeground#7a4560
- activityBarBadge.background#a4d65e
- activityBarBadge.foreground#2a3a00
- badge.background#e0568f
- badge.foreground#fff0f7
- breadcrumb.activeSelectionForeground#a4d65e
- breadcrumb.background#1f1720
- breadcrumb.focusForeground#e6b8d4
- breadcrumb.foreground#b89aa8
- button.background#e0568f
- button.foreground#fff0f7
- button.hoverBackground#c94a78
- button.secondaryBackground#a4d65e
- button.secondaryForeground#2a3a00
- button.secondaryHoverBackground#8fc94f
- checkbox.background#fff0f7
- checkbox.border#cf94b3
- descriptionForeground#7a5468
- diffEditor.insertedTextBackground#a4d65e22
- diffEditor.removedTextBackground#d61f5c33
- dropdown.background#fff0f7
- dropdown.border#cf94b3
- dropdown.foreground#3d2a33
- editor.background#1f1720
- editor.findMatchBackground#a4d65e66
- editor.findMatchHighlightBackground#e0568f4d
- editor.foreground#e6d9df
- editor.inactiveSelectionBackground#e0568f26
- editor.lineHighlightBackground#2b232a
- editor.selectionBackground#e0568f4d
- editor.selectionHighlightBackground#a4d65e26
- editor.wordHighlightBackground#e0568f33
- editor.wordHighlightStrongBackground#a4d65e33
- editorBracketHighlight.foreground1#d97fa8
- editorBracketHighlight.foreground2#a4d65e
- editorBracketHighlight.foreground3#e6b8d4
- editorBracketHighlight.foreground4#bfe08a
- editorBracketHighlight.foreground5#cf5a91
- editorBracketHighlight.foreground6#d7ecb0
- editorBracketMatch.background#a4d65e33
- editorBracketMatch.border#a4d65e
- editorCursor.foreground#a4d65e
- editorGroupHeader.tabsBackground#e8bdd2
- editorGroupHeader.tabsBorder#d9a3c0
- editorGutter.addedBackground#a4d65e
- editorGutter.deletedBackground#d61f5c
- editorGutter.modifiedBackground#d97fa8
- editorHoverWidget.background#2b232a
- editorHoverWidget.border#e0568f
- editorIndentGuide.activeBackground1#6e5c68
- editorIndentGuide.background1#342a32
- editorLineNumber.activeForeground#d97fa8
- editorLineNumber.foreground#6e5c68
- editorLink.activeForeground#a4d65e
- editorRuler.foreground#342a32
- editorSuggestWidget.background#2b232a
- editorSuggestWidget.border#e0568f
- editorSuggestWidget.foreground#e6d9df
- editorSuggestWidget.highlightForeground#a4d65e
- editorSuggestWidget.selectedBackground#e0568f4d
- editorWhitespace.foreground#342a32
- editorWidget.background#2b232a
- editorWidget.border#e0568f
- editorWidget.foreground#e6d9df
- errorForeground#d61f5c
- focusBorder#e0568f
- foreground#4a2f3d
- gitDecoration.addedResourceForeground#3e6b00
- gitDecoration.conflictingResourceForeground#9c4570
- gitDecoration.deletedResourceForeground#c2185b
- gitDecoration.ignoredResourceForeground#9c8391
- gitDecoration.modifiedResourceForeground#8f4a0e
- gitDecoration.untrackedResourceForeground#3e6b00
- icon.foreground#5f3a4a
- input.background#fff0f7
- input.border#cf94b3
- input.foreground#3d2a33
- input.placeholderForeground#9c8391
- inputOption.activeBackground#e0568f33
- inputOption.activeBorder#e0568f
- list.activeSelectionBackground#e0568f
- list.activeSelectionForeground#fff0f7
- list.errorForeground#c2185b
- list.focusBackground#e0568f
- list.focusForeground#fff0f7
- list.highlightForeground#9c4570
- list.hoverBackground#ecc7db
- list.hoverForeground#3d2a33
- list.inactiveSelectionBackground#e8bdd2
- list.inactiveSelectionForeground#3d2a33
- list.warningForeground#a3560e
- menu.background#f2d9e6
- menu.foreground#3d2a33
- menu.selectionBackground#e0568f
- menu.selectionForeground#fff0f7
- menu.separatorBackground#d9a3c0
- menubar.selectionBackground#dba7c4
- menubar.selectionForeground#3d2a33
- minimap.background#1f1720
- minimap.selectionHighlight#e0568f
- minimapGutter.addedBackground#a4d65e
- minimapGutter.deletedBackground#d61f5c
- minimapGutter.modifiedBackground#d97fa8
- notificationCenterHeader.background#e8bdd2
- notificationLink.foreground#9c4570
- notifications.background#f2d9e6
- notifications.border#d9a3c0
- notifications.foreground#3d2a33
- panel.background#241d22
- panel.border#e0568f
- panelTitle.activeBorder#a4d65e
- panelTitle.activeForeground#e6b8d4
- panelTitle.inactiveForeground#8d7a86
- peekView.border#e0568f
- peekViewEditor.background#241d22
- peekViewResult.background#2b232a
- peekViewResult.selectionBackground#e0568f4d
- peekViewTitle.background#342a32
- peekViewTitleLabel.foreground#e6b8d4
- pickerGroup.border#d9a3c0
- pickerGroup.foreground#9c4570
- progressBar.background#e0568f
- quickInput.background#f2d9e6
- quickInput.foreground#3d2a33
- quickInputList.focusBackground#e0568f
- quickInputList.focusForeground#fff0f7
- scrollbarSlider.activeBackground#e0568f99
- scrollbarSlider.background#e0568f44
- scrollbarSlider.hoverBackground#e0568f66
- selection.background#e0568f66
- sideBar.background#f2d9e6
- sideBar.border#d9a3c0
- sideBar.foreground#3d2a33
- sideBarSectionHeader.background#e8bdd2
- sideBarSectionHeader.border#d9a3c0
- sideBarSectionHeader.foreground#3d2a33
- sideBarTitle.foreground#5f3a4a
- statusBar.background#cf94b3
- statusBar.border#c17a9e
- statusBar.debuggingBackground#a4d65e
- statusBar.debuggingForeground#2a3a00
- statusBar.foreground#3d0a25
- statusBar.noFolderBackground#cf94b3
- statusBarItem.hoverBackground#e0568f55
- statusBarItem.remoteBackground#e0568f
- statusBarItem.remoteForeground#fff0f7
- tab.activeBackground#1f1720
- tab.activeBorderTop#a4d65e
- tab.activeForeground#e6b8d4
- tab.border#d9a3c0
- tab.hoverBackground#dba7c4
- tab.inactiveBackground#e8bdd2
- tab.inactiveForeground#4a2f3d
- terminal.ansiBlack#342a32
- terminal.ansiBlue#d97fa8
- terminal.ansiBrightBlack#6e5c68
- terminal.ansiBrightBlue#e6b8d4
- terminal.ansiBrightCyan#a8f0e4
- terminal.ansiBrightGreen#bfe08a
- terminal.ansiBrightMagenta#e478a3
- terminal.ansiBrightRed#e08fa3
- terminal.ansiBrightWhite#fff0f7
- terminal.ansiBrightYellow#ffe199
- terminal.ansiCyan#7ee8d8
- terminal.ansiGreen#a4d65e
- terminal.ansiMagenta#e0568f
- terminal.ansiRed#e6567e
- terminal.ansiWhite#e6d9df
- terminal.ansiYellow#ffd166
- terminal.background#241d22
- terminal.foreground#e6d9df
- terminalCursor.foreground#a4d65e
- textLink.activeForeground#e0568f
- textLink.foreground#9c4570
- titleBar.activeBackground#e8bdd2
- titleBar.activeForeground#4a2f3d
- titleBar.border#d9a3c0
- titleBar.inactiveBackground#f2d9e6
- titleBar.inactiveForeground#7a5468
- tree.indentGuidesStroke#d9a3c0
- walkThrough.embeddedEditorBackground#1f1720
- welcomePage.progress.foreground#e0568f
- welcomePage.tileBackground#f2d9e6
- widget.shadow#00000055
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8d7a86 | italic |
| string, string.quoted, punctuation.definition.string | #a4d65e | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #cf5a91 | — |
| string.regexp, constant.regexp | #bfe08a | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.expression | #e0568f | bold |
| storage, storage.type, storage.modifier | #cf5a91 | italic |
| keyword.operator | #d97fa8 | — |
| entity.name.function, support.function, meta.function-call.generic | #e6b8d4 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type | #bfe08a | — |
| support.type.primitive, keyword.type | #bfe08a | italic |
| constant.numeric, constant.language, constant.character, constant.other | #d7ecb0 | — |
| variable.other.constant | #d7ecb0 | — |
| variable, meta.definition.variable | #e6d9df | — |
| variable.parameter | #e6c2d6 | italic |
| variable.other.property, variable.other.object.property, support.variable.property | #e0a8c4 | — |
| variable.language | #cf5a91 | italic |
| meta.decorator, punctuation.decorator, entity.name.function.decorator | #bfe08a | italic |
| punctuation, meta.brace | #b89aa8 | — |
| entity.name.tag | #e0568f | — |
| entity.other.attribute-name | #bfe08a | italic |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #d97fa8 | — |
| support.type.property-name.css | #e6b8d4 | — |
| support.constant.property-value.css, keyword.other.unit | #a4d65e | — |
| support.type.property-name.json | #d97fa8 | — |
| markup.heading, entity.name.section.markdown | #e0568f | bold |
| markup.bold | #e6b8d4 | bold |
| markup.italic | #e6b8d4 | italic |
| markup.underline.link, string.other.link | #a4d65e | — |
| markup.inline.raw, markup.fenced_code.block | #bfe08a | — |
| markup.inserted | #a4d65e | — |
| markup.deleted | #e6567e | — |
| constant.character.escape | #cf5a91 | — |
| invalid, invalid.illegal | #e6567e | bold underline |