Neon Dreams Theme
Publisher: Cursor ThemesThemes in package: 3
Beautiful developer themes with soft neon colors, pastel and neobrutalist variants - optimized for all programming languages
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#2a1f2a
- activityBar.border#5a4a5a
- activityBar.dropBackground#4a3a4a
- activityBar.foreground#a8d8e8
- activityBar.inactiveForeground#7a6a7a
- activityBarBadge.background#e8a8c8
- activityBarBadge.foreground#ffffff
- badge.background#e8a8e8
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#e8a8e8
- breadcrumb.background#2a1f2a
- breadcrumb.focusForeground#a8d8e8
- breadcrumb.foreground#c8a8c8
- button.background#e8a8c8
- button.foreground#ffffff
- button.hoverBackground#f8b8d8
- debugConsole.errorForeground#e8a8c8
- debugConsole.infoForeground#a8d8e8
- debugConsole.warningForeground#e8d8a8
- debugExceptionWidget.background#3a2a3a
- debugExceptionWidget.border#e8a8c8
- debugToolBar.background#3a2a3a
- descriptionForeground#c8a8c8
- diffEditor.insertedTextBackground#b8e8a833
- diffEditor.insertedTextBorder#00000000
- diffEditor.removedTextBackground#e8a8c833
- diffEditor.removedTextBorder#00000000
- dropdown.background#3a2a3a
- dropdown.border#a8d8e855
- dropdown.foreground#f2e8f2
- editor.background#2a1f2a
- editor.findMatchBackground#e8a8c855
- editor.findMatchHighlightBackground#e8a8c855
- editor.findRangeHighlightBackground#3a2a3a
- editor.foreground#f2e8f2
- editor.hoverHighlightBackground#e8d8a833
- editor.inactiveSelectionBackground#e8a8e840
- editor.lineHighlightBackground#3a2a3a
- editor.rangeHighlightBackground#3a2a3a
- editor.selectionBackground#e8a8e866
- editor.wordHighlightBackground#a8d8e855
- editor.wordHighlightStrongBackground#a8d8e855
- editorBracketHighlight.foreground1#e8a8e8
- editorBracketHighlight.foreground2#a8d8e8
- editorBracketHighlight.foreground3#b8e8a8
- editorBracketHighlight.foreground4#e8d8a8
- editorBracketHighlight.foreground5#e8a8c8
- editorBracketHighlight.foreground6#a8e8d8
- editorBracketMatch.background#a8d8e855
- editorBracketMatch.border#a8d8e8
- editorCodeLens.foreground#aa8aaa
- editorCursor.foreground#e8a8e8
- editorError.border#3a2a3a
- editorError.foreground#e8a8c8
- editorGroup.border#5a4a5a
- editorGroup.dropBackground#5a4a5a77
- editorGroupHeader.noTabsBackground#2a1f2a
- editorGroupHeader.tabsBackground#3a2a3a
- editorGroupHeader.tabsBorder#5a4a5a
- editorGutter.addedBackground#b8e8a8
- editorGutter.background#2a1f2a
- editorGutter.deletedBackground#e8a8c8
- editorGutter.modifiedBackground#a8d8e8
- editorHint.foreground#b8e8a8
- editorHoverWidget.background#3a2a3a
- editorHoverWidget.border#4a3a4a
- editorIndentGuide.activeBackground#7a6a7a
- editorIndentGuide.background#5a4a5a
- editorInfo.foreground#a8d8e8
- editorInlayHint.background#3a2a3a99
- editorInlayHint.foreground#c8a8c8
- editorInlayHint.parameterBackground#e8d8a822
- editorInlayHint.parameterForeground#e8d8a8
- editorInlayHint.typeBackground#a8d8e822
- editorInlayHint.typeForeground#a8d8e8
- editorLineNumber.activeForeground#a8d8e8
- editorLineNumber.foreground#7a6a7a
- editorMarkerNavigation.background#3a2a3a
- editorMarkerNavigationError.background#e8a8c8
- editorMarkerNavigationInfo.background#a8d8e8
- editorMarkerNavigationWarning.background#e8d8a8
- editorOverviewRuler.border#3a2a3a
- editorOverviewRuler.commonContentForeground#e8d8a855
- editorOverviewRuler.currentContentForeground#e8a8c855
- editorOverviewRuler.errorForeground#e8a8c8
- editorOverviewRuler.incomingContentForeground#b8e8a855
- editorOverviewRuler.infoForeground#a8d8e8
- editorOverviewRuler.warningForeground#e8d8a8
- editorRuler.foreground#5a4a5a
- editorSuggestWidget.background#3a2a3a
- editorSuggestWidget.border#4a3a4a
- editorSuggestWidget.foreground#f2e8f2
- editorSuggestWidget.highlightForeground#e8a8e8
- editorSuggestWidget.selectedBackground#4a3a4a
- editorWarning.border#3a2a3a
- editorWarning.foreground#e8d8a8
- editorWhitespace.foreground#6a5a6a
- editorWidget.background#3a2a3a
- editorWidget.border#4a3a4a
- errorForeground#e8a8c8
- extensionButton.prominentBackground#a8d8e8
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#b8e8f8
- focusBorder#a8d8e8
- foreground#f2e8f2
- gitDecoration.addedResourceForeground#b8e8a8
- gitDecoration.conflictingResourceForeground#e8a8e8
- gitDecoration.deletedResourceForeground#e8a8c8
- gitDecoration.ignoredResourceForeground#7a6a7a
- gitDecoration.modifiedResourceForeground#a8d8e8
- gitDecoration.untrackedResourceForeground#e8d8a8
- input.background#3a2a3a
- input.border#a8d8e855
- input.foreground#f2e8f2
- input.placeholderForeground#aa8aaa
- inputOption.activeBorder#a8d8e8
- inputValidation.errorBackground#3a2a3a
- inputValidation.errorBorder#e8a8c8
- inputValidation.infoBackground#3a2a3a
- inputValidation.infoBorder#a8d8e8
- inputValidation.warningBackground#3a2a3a
- inputValidation.warningBorder#e8d8a8
- list.activeSelectionBackground#e8a8c855
- list.activeSelectionForeground#ffffff
- list.dropBackground#4a3a4a99
- list.focusBackground#4a3a4a
- list.focusForeground#f2e8f2
- list.highlightForeground#a8d8e8
- list.hoverBackground#4a3a4a
- list.hoverForeground#f2e8f2
- list.inactiveSelectionBackground#e8a8c833
- list.inactiveSelectionForeground#f2e8f2
- menu.background#3a2a3a
- menu.foreground#f2e8f2
- menu.selectionBackground#4a3a4a
- menu.selectionForeground#ffffff
- menu.separatorBackground#4a3a4a
- menubar.selectionBackground#4a3a4a
- menubar.selectionForeground#ffffff
- merge.border#00000000
- merge.commonContentBackground#e8d8a8
- merge.commonHeaderBackground#e8d8a8
- merge.currentContentBackground#b8e8a8
- merge.currentHeaderBackground#b8e8a8
- merge.incomingContentBackground#a8d8e8
- merge.incomingHeaderBackground#a8d8e8
- minimap.background#2a1f2a
- minimap.errorHighlight#e8a8c8
- minimap.findMatchHighlight#e8a8c855
- minimap.selectionHighlight#e8a8e844
- minimap.warningHighlight#e8d8a8
- notificationCenter.border#e8a8e8
- notificationCenterHeader.background#3a2a3a
- notificationCenterHeader.foreground#f2e8f2
- notificationLink.foreground#a8d8e8
- notifications.background#3a2a3a
- notifications.border#e8a8e8
- notifications.foreground#f2e8f2
- notificationToast.border#e8a8e8
- panel.background#2a1f2a
- panel.border#5a4a5a
- panel.dropBackground#5a4a5a55
- panelTitle.activeBorder#a8d8e8
- panelTitle.activeForeground#a8d8e8
- panelTitle.inactiveForeground#c8a8c8
- peekView.border#a8d8e8
- peekViewEditor.background#3a2a3a
- peekViewEditor.matchHighlightBackground#e8a8c844
- peekViewEditorGutter.background#2a1f2a
- peekViewResult.background#2a1f2a
- peekViewResult.fileForeground#f2e8f2
- peekViewResult.lineForeground#c8a8c8
- peekViewResult.matchHighlightBackground#4a3a4a
- peekViewResult.selectionBackground#4a3a4a
- peekViewResult.selectionForeground#ffffff
- peekViewTitle.background#3a2a3a
- peekViewTitleDescription.foreground#c8a8c8
- peekViewTitleLabel.foreground#e8a8e8
- pickerGroup.border#4a3a4a
- pickerGroup.foreground#c8a8c8
- progressBar.background#e8a8e8
- scrollbar.shadow#00000099
- scrollbarSlider.activeBackground#7a6a7a99
- scrollbarSlider.background#7a6a7a55
- scrollbarSlider.hoverBackground#7a6a7a77
- selection.background#e8a8e8
- settings.checkboxBackground#3a2a3a
- settings.checkboxBorder#c8a8c8
- settings.checkboxForeground#e8a8e8
- sideBar.background#2a1f2a
- sideBar.border#5a4a5a
- sideBar.dropBackground#5a4a5a66
- sideBar.foreground#f0e0f0
- sideBarSectionHeader.background#3a2a3a
- sideBarSectionHeader.foreground#e8a8e8
- sideBarTitle.foreground#a8d8e8
- statusBar.background#2a1f2a
- statusBar.border#3a2a3a
- statusBar.debuggingBackground#e8a8c8
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#f0e0f0
- statusBar.noFolderBackground#2a1f2a
- statusBar.noFolderForeground#f0e0f0
- statusBarItem.activeBackground#4a3a4a
- statusBarItem.hoverBackground#4a3a4a
- statusBarItem.prominentBackground#e8a8c8
- statusBarItem.prominentHoverBackground#f8b8d8
- tab.activeBackground#2a1f2a
- tab.activeBorder#a8d8e8
- tab.activeBorderTop#a8d8e8
- tab.activeForeground#ffffff
- tab.border#5a4a5a
- tab.inactiveBackground#3a2a3a
- tab.inactiveForeground#c8a8c8
- tab.unfocusedActiveForeground#c8a8c8
- tab.unfocusedInactiveForeground#aa8aaa
- terminal.ansiBlack#2a1f2a
- terminal.ansiBlue#a8d8e8
- terminal.ansiBrightBlack#7a6a7a
- terminal.ansiBrightBlue#b8e8f8
- terminal.ansiBrightCyan#b8f8e8
- terminal.ansiBrightGreen#c8f8b8
- terminal.ansiBrightMagenta#f8b8f8
- terminal.ansiBrightRed#f8b8d8
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#f8e8b8
- terminal.ansiCyan#a8e8d8
- terminal.ansiGreen#b8e8a8
- terminal.ansiMagenta#e8a8e8
- terminal.ansiRed#e8a8c8
- terminal.ansiWhite#f2e8f2
- terminal.ansiYellow#e8d8a8
- terminal.background#2a1f2a
- terminal.foreground#f2e8f2
- terminalCursor.background#2a1f2a
- terminalCursor.foreground#e8a8e8
- textBlockQuote.background#3a2a3a
- textBlockQuote.border#a8d8e8
- textCodeBlock.background#3a2a3a
- textLink.activeForeground#a8d8e8
- textLink.foreground#a8d8e8
- textPreformat.foreground#e8a8e8
- textSeparator.foreground#4a3a4a
- titleBar.activeBackground#2a1f2a
- titleBar.activeForeground#f2e8f2
- titleBar.inactiveBackground#3a2a3a
- titleBar.inactiveForeground#c8a8c8
- walkThrough.embeddedEditorBackground#3a2a3a
- welcomePage.buttonBackground#3a2a3a
- welcomePage.buttonHoverBackground#4a3a4a
- widget.border#5a4a5a
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.line, comment.block | #a8d8e8 | italic |
| comment.line.double-slash keyword, comment.block keyword | #c8a8c8 | italic bold |
| string, string.quoted.single, string.quoted.double, string.quoted.triple | #9ab59a | — |
| string.template, string.quoted.template | #aac5aa | — |
| meta.template.expression, string.template meta.embedded | #e8a8e8 | — |
| string.regexp | #e8b8c8 | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #d8a8d8 | — |
| constant.language.boolean | #e8b8e8 | bold |
| constant.language.null, constant.language.undefined, constant.language.none | #e8c8d8 | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop | #e8b8d8 | bold |
| storage.type, storage.modifier, keyword.other.unit | #e8b8d8 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #d8a8d8 | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical | #a8d8e8 | — |
| keyword.operator.assignment | #b8e8f8 | bold |
| entity.name.function, meta.function-call entity.name.function | #a8d8e8 | bold |
| meta.function-call, variable.function | #b8e8f8 | — |
| entity.name.function.member, meta.method-call entity.name.function | #98c8e8 | — |
| support.function, support.function.builtin | #a8e8d8 | — |
| meta.definition.variable variable.other, variable.other.readwrite | #f2e8f2 | — |
| variable.other | #e8d8e8 | — |
| variable.other.constant, constant.other | #b8e8f8 | bold |
| variable.parameter, meta.function.parameters variable | #ffbb66 | italic |
| meta.object-binding-pattern-variable variable.parameter, meta.array-binding-pattern-variable variable.parameter | #ffdd88 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #f8f8f8 | — |
| variable.other.object.property | #f0f0f0 | — |
| entity.name.class, entity.name.type.class | #ee66ff | bold |
| entity.name.interface, entity.name.type.interface | #a8e8d8 | italic |
| support.type, entity.name.type, meta.type.annotation | #a8d8e8 | — |
| entity.name.type.parameter | #b8e8f8 | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #e8a8c8 | — |
| entity.other.attribute-name | #a8d8e8 | — |
| support.class.component, entity.name.tag.js, entity.name.tag.tsx | #d8a8f8 | bold |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #b8e8f8 | — |
| support.type.property-name.css | #a8d8e8 | — |
| support.constant.property-value.css, meta.property-value.css | #a8e8d8 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #e8a8c8 | — |
| variable.language.self.python | #e8a8e8 | italic |
| meta.decorator.python, entity.name.function.decorator.python | #e8d8a8 | bold |
| support.function.magic.python | #f8b8f8 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string.quoted.double.json | #a8d8e8 | — |
| meta.structure.dictionary.value.json | #a8e8d8 | — |
| markup.heading, entity.name.section.markdown | #e8a8c8 | bold |
| markup.bold | #a8d8e8 | bold |
| markup.italic | #a8e8d8 | italic |
| markup.inline.raw, markup.fenced_code | #e8a8e8 | — |
| markup.underline.link | #b8e8a8 | — |
| markup.quote | #c8a8c8 | italic |
| punctuation.separator, punctuation.terminator | #c8a8c8 | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces | #b8e8f8 | — |
| variable.language.this | #e8a8e8 | italic |
| variable.language.super | #f8b8f8 | italic |
| keyword.control.flow.async, keyword.control.flow.await | #e8a8c8 | italic bold |
| invalid, invalid.illegal | #e8a8c8 | underline |
| invalid.deprecated | #e8d8a8 | strikethrough |