Neon Pink Dark
Publisher: kpabThemes in package: 4
A cyberpunk-inspired dark theme with vibrant neon pink accents on pure black background. Four themes in one install: the original, Soft, Dimmed, and Classic — the 0.0.1 look, kept.
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.activeBorder#F646C0
- activityBar.background#12000A
- activityBar.border#260217
- activityBar.foreground#F263B4
- activityBar.inactiveForeground#A2698E
- activityBarBadge.background#F646C0
- activityBarBadge.foreground#210213
- badge.background#F646C0
- badge.foreground#210213
- breadcrumb.activeSelectionForeground#F377D4
- breadcrumb.background#12000A
- breadcrumb.focusForeground#FFEBFF
- breadcrumb.foreground#C082AC
- button.background#F646C0
- button.foreground#210213
- button.hoverBackground#F36DCD
- button.secondaryBackground#520834
- button.secondaryForeground#FDDCFD
- button.secondaryHoverBackground#680B43
- checkbox.background#210213
- checkbox.border#520834
- checkbox.foreground#F377D4
- diffEditor.border#3B0521
- diffEditor.diagonalFill#520834
- diffEditor.insertedLineBackground#56E1AA14
- diffEditor.insertedTextBackground#56E1AA1F
- diffEditor.insertedTextBorder#56E1AA59
- diffEditor.removedLineBackground#F15E6F14
- diffEditor.removedTextBackground#F15E6F26
- diffEditor.removedTextBorder#F15E6F59
- diffEditor.unchangedRegionBackground#19010E
- diffEditor.unchangedRegionForeground#C082AC
- diffEditorGutter.insertedLineBackground#56E1AA1A
- diffEditorGutter.removedLineBackground#F15E6F1A
- diffEditorOverview.insertedForeground#56E1AACC
- diffEditorOverview.removedForeground#F15E6FCC
- dropdown.background#210213
- dropdown.border#520834
- dropdown.foreground#FFEBFF
- dropdown.listBackground#19010E
- editor.background#12000A
- editor.findMatchBackground#B11572
- editor.findMatchBorder#F646C0
- editor.findMatchHighlightBackground#F646C04D
- editor.findMatchHighlightBorder#F646C080
- editor.findRangeHighlightBackground#F646C01A
- editor.foreground#FFEBFF
- editor.hoverHighlightBackground#F646C026
- editor.inactiveSelectionBackground#3B0521
- editor.lineHighlightBackground#3B0521
- editor.rangeHighlightBackground#F646C01A
- editor.selectionBackground#52082D
- editor.selectionHighlightBackground#F646C033
- editor.selectionHighlightBorder#F646C066
- editor.wordHighlightBackground#F646C033
- editor.wordHighlightStrongBackground#F646C04D
- editorBracketHighlight.foreground1#F646C0
- editorBracketHighlight.foreground2#F6ACD8
- editorBracketHighlight.foreground3#C288EE
- editorBracketHighlight.foreground4#7791EB
- editorBracketHighlight.foreground5#64DFE8
- editorBracketHighlight.foreground6#92FFD0
- editorBracketHighlight.unexpectedBracket.foreground#F15E6F
- editorBracketMatch.background#F646C033
- editorBracketMatch.border#F646C0
- editorCursor.foreground#F646C0
- editorError.background#F15E6F14
- editorError.foreground#F15E6F
- editorGroup.border#3B0521
- editorGroup.emptyBackground#12000A
- editorGroupHeader.noTabsBackground#12000A
- editorGroupHeader.tabsBackground#12000A
- editorGroupHeader.tabsBorder#260217
- editorGutter.addedBackground#56E1AA
- editorGutter.background#12000A
- editorGutter.commentRangeForeground#A2698E
- editorGutter.deletedBackground#F15E6F
- editorGutter.modifiedBackground#C288EE
- editorHint.foreground#A2698E
- editorHoverWidget.background#210213
- editorHoverWidget.border#520834
- editorHoverWidget.foreground#FFEBFF
- editorIndentGuide.activeBackground#7A0E4E
- editorIndentGuide.activeBackground1#7A0E4E
- editorIndentGuide.background#3B0521
- editorIndentGuide.background1#3B0521
- editorInfo.background#64DFE814
- editorInfo.foreground#64DFE8
- editorLineNumber.activeForeground#F6A4E1
- editorLineNumber.foreground#AC7099
- editorMarkerNavigation.background#210213
- editorMarkerNavigationError.background#F15E6F
- editorMarkerNavigationError.headerBackground#F15E6F1A
- editorMarkerNavigationInfo.background#64DFE8
- editorMarkerNavigationInfo.headerBackground#64DFE81A
- editorMarkerNavigationWarning.background#F8B771
- editorMarkerNavigationWarning.headerBackground#F8B7711A
- editorOverviewRuler.addedForeground#56E1AACC
- editorOverviewRuler.border#3B0521
- editorOverviewRuler.commonContentForeground#F8B771CC
- editorOverviewRuler.currentContentForeground#C288EECC
- editorOverviewRuler.deletedForeground#F15E6FCC
- editorOverviewRuler.errorForeground#F15E6FCC
- editorOverviewRuler.findMatchForeground#F646C0CC
- editorOverviewRuler.incomingContentForeground#56E1AACC
- editorOverviewRuler.infoForeground#64DFE8CC
- editorOverviewRuler.modifiedForeground#C288EECC
- editorOverviewRuler.selectionHighlightForeground#F598E999
- editorOverviewRuler.warningForeground#F8B771CC
- editorOverviewRuler.wordHighlightForeground#F377D499
- editorRuler.foreground#3B0521
- editorSuggestWidget.background#210213
- editorSuggestWidget.border#520834
- editorSuggestWidget.focusHighlightForeground#F6A5E3
- editorSuggestWidget.foreground#FFEBFF
- editorSuggestWidget.highlightForeground#F377D4
- editorSuggestWidget.selectedBackground#7A0E4E
- editorSuggestWidget.selectedForeground#FFFFFF
- editorWarning.background#F8B77114
- editorWarning.foreground#F8B771
- editorWhitespace.foreground#520834
- editorWidget.background#210213
- editorWidget.border#520834
- editorWidget.foreground#FFEBFF
- focusBorder#F646C0
- gitDecoration.addedResourceForeground#56E1AA
- gitDecoration.conflictingResourceForeground#F8B771
- gitDecoration.deletedResourceForeground#F15E6F
- gitDecoration.ignoredResourceForeground#A2698E
- gitDecoration.modifiedResourceForeground#C288EE
- gitDecoration.stageDeletedResourceForeground#F2877F
- gitDecoration.stageModifiedResourceForeground#D6ABF4
- gitDecoration.submoduleResourceForeground#F495D3
- gitDecoration.untrackedResourceForeground#92FFD0
- input.background#210213
- input.border#520834
- input.foreground#FFEBFF
- input.placeholderForeground#C082AC
- inputOption.activeBackground#F646C033
- inputOption.activeBorder#F646C0
- inputOption.activeForeground#FFFFFF
- inputValidation.errorBackground#520822
- inputValidation.errorBorder#F15E6F
- inputValidation.infoBackground#133D47
- inputValidation.infoBorder#64DFE8
- inputValidation.warningBackground#46270D
- inputValidation.warningBorder#F8B771
- list.activeSelectionBackground#7A0E4E
- list.activeSelectionForeground#FFFFFF
- list.errorForeground#F15E6F
- list.focusBackground#680B43
- list.focusForeground#FFEBFF
- list.focusOutline#F646C0
- list.highlightForeground#F377D4
- list.hoverBackground#370523
- list.hoverForeground#FDDCFD
- list.inactiveSelectionBackground#520834
- list.inactiveSelectionForeground#FDDCFD
- list.warningForeground#F8B771
- menu.background#210213
- menu.border#520834
- menu.foreground#FFEBFF
- menu.selectionBackground#7A0E4E
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#520834
- menubar.selectionBackground#520834
- menubar.selectionForeground#FFEBFF
- merge.commonContentBackground#F8B77126
- merge.commonHeaderBackground#F8B7714D
- merge.currentContentBackground#C288EE26
- merge.currentHeaderBackground#C288EE4D
- merge.incomingContentBackground#56E1AA26
- merge.incomingHeaderBackground#56E1AA4D
- mergeEditor.change.background#56E1AA14
- mergeEditor.change.word.background#56E1AA1F
- mergeEditor.conflict.handledFocused.border#56E1AA
- mergeEditor.conflict.handledUnfocused.border#56E1AA59
- mergeEditor.conflict.unhandledFocused.border#F8B771
- mergeEditor.conflict.unhandledUnfocused.border#F8B77180
- minimap.background#00000000
- minimap.errorHighlight#F15E6F
- minimap.findMatchHighlight#F646C0
- minimap.selectionHighlight#F598E9
- minimap.warningHighlight#F8B771
- minimapGutter.addedBackground#56E1AA
- minimapGutter.deletedBackground#F15E6F
- minimapGutter.modifiedBackground#C288EE
- minimapSlider.activeBackground#F646C06E
- minimapSlider.background#F646C033
- minimapSlider.hoverBackground#F646C04D
- notificationCenterHeader.background#260217
- notificationCenterHeader.foreground#F9C5E7
- notificationLink.foreground#F377D4
- notifications.background#210213
- notifications.border#520834
- notifications.foreground#FFEBFF
- notificationsErrorIcon.foreground#F15E6F
- notificationsInfoIcon.foreground#64DFE8
- notificationsWarningIcon.foreground#F8B771
- panel.background#12000A
- panel.border#3B0521
- panelTitle.activeBorder#F646C0
- panelTitle.activeForeground#F495D3
- panelTitle.inactiveForeground#A2698E
- peekView.border#F646C0
- peekViewEditor.background#19010E
- peekViewEditor.matchHighlightBackground#F646C04D
- peekViewResult.background#210213
- peekViewResult.fileForeground#FFEBFF
- peekViewResult.lineForeground#C082AC
- peekViewResult.matchHighlightBackground#F646C04D
- peekViewResult.selectionBackground#7A0E4E
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#210213
- peekViewTitleDescription.foreground#C082AC
- peekViewTitleLabel.foreground#FFEBFF
- pickerGroup.border#520834
- pickerGroup.foreground#F377D4
- problemsErrorIcon.foreground#F15E6F
- problemsInfoIcon.foreground#64DFE8
- problemsWarningIcon.foreground#F8B771
- quickInput.background#210213
- quickInput.foreground#FFEBFF
- quickInputList.focusBackground#7A0E4E
- quickInputList.focusForeground#FFFFFF
- scrollbarSlider.activeBackground#F646C08C
- scrollbarSlider.background#F646C033
- scrollbarSlider.hoverBackground#F646C059
- sideBar.background#12000A
- sideBar.border#260217
- sideBar.foreground#F9C5E7
- sideBarSectionHeader.background#19010E
- sideBarSectionHeader.border#260217
- sideBarSectionHeader.foreground#F9C5E7
- sideBarTitle.foreground#F495D3
- statusBar.background#260217
- statusBar.border#3B0521
- statusBar.debuggingBackground#7A0E4E
- statusBar.debuggingBorder#F646C0
- statusBar.debuggingForeground#FFEBFF
- statusBar.foreground#F385D2
- statusBar.noFolderBackground#520834
- statusBar.noFolderForeground#F9C5E7
- statusBarItem.hoverBackground#F646C026
- statusBarItem.remoteBackground#F646C0
- statusBarItem.remoteForeground#210213
- tab.activeBackground#19010E
- tab.activeBorder#00000000
- tab.activeBorderTop#F646C0
- tab.activeForeground#F495D3
- tab.border#210213
- tab.hoverBackground#210213
- tab.inactiveBackground#12000A
- tab.inactiveForeground#A2698E
- tab.unfocusedActiveBackground#15000B
- terminal.ansiBlack#260217
- terminal.ansiBlue#8E75E7
- terminal.ansiBrightBlack#A2698E
- terminal.ansiBrightBlue#A08CEB
- terminal.ansiBrightCyan#9EF1F7
- terminal.ansiBrightGreen#82FFBD
- terminal.ansiBrightMagenta#F388D6
- terminal.ansiBrightRed#F2877F
- terminal.ansiBrightWhite#FFFFFF
- terminal.ansiBrightYellow#FBD59D
- terminal.ansiCyan#64DFE8
- terminal.ansiGreen#56E1AA
- terminal.ansiMagenta#F646C0
- terminal.ansiRed#F15E6F
- terminal.ansiWhite#FDDCFD
- terminal.ansiYellow#F8B971
- terminal.background#12000A
- terminal.border#3B0521
- terminal.foreground#FFEBFF
- terminal.selectionBackground#7A0E4E80
- terminalCursor.background#12000A
- terminalCursor.foreground#F646C0
- textLink.activeForeground#F6A5E3
- textLink.foreground#F377D4
- titleBar.activeBackground#12000A
- titleBar.activeForeground#F27FC6
- titleBar.border#260217
- titleBar.inactiveBackground#12000A
- titleBar.inactiveForeground#A2698E
- tree.indentGuidesStroke#520834
- widget.border#3B0521
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #C082AC | italic |
| keyword, keyword.control, keyword.other | #F646C0 | |
| keyword.operator, storage.type.function.arrow | #F388D6 | — |
| keyword.operator.expression, keyword.operator.new, keyword.operator.delete, keyword.operator.word, keyword.operator.logical.python | #F646C0 | — |
| storage, storage.type, storage.modifier | #F36DCD | |
| string, punctuation.definition.string | #F598E9 | — |
| constant.character.escape, constant.character.entity, constant.character.format.placeholder | #64DFE8 | — |
| string.regexp | #92FFD0 | — |
| constant.numeric, keyword.other.unit | #F368C2 | — |
| constant.language, constant.other, support.constant | #F368C2 | — |
| variable.other.constant, variable.other.enummember | #F368C2 | — |
| variable, variable.other, support.variable, entity.name.variable | #FDDCFD | — |
| variable.other.property, variable.other.object.property, support.variable.property, entity.name.variable.property, entity.name.variable.field, meta.attribute.python, meta.object-literal.key | #F495D3 | — |
| variable.parameter, entity.name.variable.parameter, meta.parameter, meta.function.parameter | #FAC9EE | italic |
| variable.language | #F36DCD | italic |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #F270C3 | — |
| entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, storage.type.class, meta.type.annotation | #F5A4D4 | — |
| entity.other.inherited-class, entity.name.type.parameter | #F5A4D4 | italic |
| entity.name.function.decorator, entity.name.decorator, meta.decorator, punctuation.decorator, meta.attribute.rust, entity.name.function.macro, entity.name.macro, support.function.macro, entity.name.function.preprocessor, meta.preprocessor | #C288EE | — |
| entity.name.label, constant.other.label | #F5A4D4 | — |
| invalid, invalid.illegal | #F15E6F | — |
| invalid.deprecated | #F5A4D4 | strikethrough |
| punctuation, delimiter, meta.brace | #F9C5E7 | — |
| constant.character.class.regexp, constant.other.character-class.regexp, constant.other.character-class.set.regexp | #64DFE8 | — |
| keyword.control.anchor.regexp | #F646C0 | — |
| entity.name.tag | #F646C0 | — |
| entity.other.attribute-name | #F270C3 | — |
| support.class.component, entity.name.tag.custom, meta.tag.custom entity.name.tag | #F5A4D4 | — |
| entity.name.tag.css, entity.name.tag.scss, entity.name.tag.less | #F36DCD | — |
| entity.other.attribute-name.class | #F270C3 | — |
| entity.other.attribute-name.id | #F646C0 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element, entity.other.attribute-name.parent-selector | #F388D6 | — |
| entity.other.keyframe-offset | #F646C0 | — |
| support.type.property-name, meta.at-rule.media.header | #F5A4D4 | — |
| support.constant.property-value, support.constant.font-name, support.constant.media, constant.other.color | #F368C2 | — |
| variable.other.custom-property, variable.css, variable.scss, variable.less, variable.argument.css | #F388D6 | — |
| markup.heading, entity.name.section | #F646C0 | bold |
| heading.2 entity.name.section | #F36DCD | bold |
| heading.3 entity.name.section | #F388D6 | bold |
| heading.4 entity.name.section | #F495D3 | bold |
| heading.5 entity.name.section | #F5A4D4 | bold |
| heading.6 entity.name.section | #F9C5E7 | bold |
| markup.bold | #F270C3 | bold |
| markup.italic | #F5A4D4 | italic |
| markup.strikethrough | #C082AC | strikethrough |
| markup.inline.raw, markup.raw, markup.fenced_code | #F598E9 | — |
| fenced_code.block.language | #F5A4D4 | — |
| markup.quote | #C082AC | italic |
| punctuation.definition.list, beginning.punctuation.definition.list | #F646C0 | — |
| markup.underline.link, string.other.link, markup.underline | #F377D4 | underline |
| markup.table | #F9C5E7 | — |
| meta.separator | #F388D6 | — |
| support.type.property-name.json, support.type.property-name.toml, entity.name.tag.yaml, entity.name.tag.toml | #F5A4D4 | — |
| entity.other.document.begin, entity.other.document.end, punctuation.definition.anchor, punctuation.definition.alias | #F9C5E7 | — |
| string.interpolated, punctuation.definition.variable.shell | #F598E9 | — |