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#1a0f1a
- activityBar.border#000000
- activityBar.dropBackground#4a3a4a99
- activityBar.foreground#88ccdd
- activityBar.inactiveForeground#5a4a5a
- activityBarBadge.background#dd77bb
- activityBarBadge.foreground#ffffff
- breadcrumb.activeSelectionForeground#dd77dd
- breadcrumb.background#1a0f1a
- breadcrumb.focusForeground#88ccdd
- breadcrumb.foreground#aa8aaa
- button.background#dd77bb
- button.border#000000
- button.foreground#ffffff
- button.hoverBackground#ee88cc
- debugToolBar.background#1d121d
- debugToolBar.border#000000
- dropdown.background#2a1a2a
- dropdown.border#000000
- dropdown.foreground#e8d8e8
- dropdown.listBackground#1d121d
- editor.background#1a0f1a
- editor.findMatchBackground#dd77bbaa
- editor.findMatchHighlightBackground#dd77bb88
- editor.foreground#e8d8e8
- editor.inactiveSelectionBackground#dd77dd66
- editor.lineHighlightBackground#2a1a2a
- editor.selectionBackground#dd77dd99
- editor.wordHighlightBackground#88ccdd88
- editor.wordHighlightStrongBackground#88ccddaa
- editorBracketHighlight.foreground1#dd77dd
- editorBracketHighlight.foreground2#88ccdd
- editorBracketHighlight.foreground3#99ddaa
- editorBracketHighlight.foreground4#ddaa77
- editorBracketHighlight.foreground5#dd77bb
- editorBracketHighlight.foreground6#77ddcc
- editorBracketMatch.background#88ccdd99
- editorBracketMatch.border#000000
- editorCodeLens.foreground#8a6a8a
- editorCursor.foreground#dd77dd
- editorError.foreground#dd77aa
- editorGroup.border#000000
- editorGroup.dropBackground#4a3a4a88
- editorGroupHeader.border#000000
- editorGroupHeader.noTabsBackground#1a0f1a
- editorGroupHeader.tabsBackground#1d121d
- editorGroupHeader.tabsBorder#000000
- editorGutter.addedBackground#99ddaa
- editorGutter.background#1a0f1a
- editorGutter.deletedBackground#dd77aa
- editorGutter.modifiedBackground#88ccdd
- editorHoverWidget.background#1d121d
- editorHoverWidget.border#000000
- editorIndentGuide.activeBackground#6a5a6a
- editorIndentGuide.background#3a2a3a
- editorInfo.foreground#88ccdd
- editorInlayHint.background#2a1a2acc
- editorInlayHint.foreground#aa8aaa
- editorInlayHint.parameterBackground#ddaa7733
- editorInlayHint.parameterForeground#ddaa77
- editorInlayHint.typeBackground#88ccdd33
- editorInlayHint.typeForeground#88ccdd
- editorLineNumber.activeForeground#88ccdd
- editorLineNumber.foreground#5a4a5a
- editorOverviewRuler.border#000000
- editorOverviewRuler.errorForeground#dd77aa
- editorOverviewRuler.infoForeground#88ccdd
- editorOverviewRuler.warningForeground#ddaa77
- editorRuler.foreground#3a2a3a
- editorSuggestWidget.background#1d121d
- editorSuggestWidget.border#000000
- editorSuggestWidget.highlightForeground#88ccdd
- editorSuggestWidget.selectedBackground#dd77bb55
- editorWarning.foreground#ddaa77
- editorWidget.background#1d121d
- editorWidget.border#000000
- extensionButton.prominentBackground#dd77bb
- extensionButton.prominentForeground#ffffff
- extensionButton.prominentHoverBackground#ee88cc
- focusBorder#88ccdd
- gitDecoration.addedResourceForeground#99ddaa
- gitDecoration.conflictingResourceForeground#dd77dd
- gitDecoration.deletedResourceForeground#dd77aa
- gitDecoration.modifiedResourceForeground#88ccdd
- gitDecoration.untrackedResourceForeground#ddaa77
- input.background#2a1a2a
- input.border#000000
- input.foreground#e8d8e8
- input.placeholderForeground#8a6a8a
- inputOption.activeBorder#88ccdd
- inputValidation.errorBorder#dd77aa
- inputValidation.infoBorder#88ccdd
- inputValidation.warningBorder#ddaa77
- list.activeSelectionBackground#dd77bb88
- list.activeSelectionForeground#ffffff
- list.focusOutline#000000
- list.highlightForeground#88ccdd
- list.hoverBackground#2a1a2a
- list.inactiveFocusOutline#000000
- list.inactiveSelectionBackground#dd77bb55
- menu.background#1d121d
- menu.border#000000
- menu.foreground#d8c8d8
- menu.selectionBackground#dd77bb55
- menu.selectionForeground#ffffff
- menu.separatorBackground#000000
- menubar.selectionBackground#dd77bb44
- menubar.selectionBorder#000000
- menubar.selectionForeground#ffffff
- merge.border#000000
- merge.currentHeaderBackground#88ccdd44
- merge.incomingHeaderBackground#dd77bb44
- minimap.background#1a0f1a
- minimap.errorHighlight#dd77aa
- minimap.warningHighlight#ddaa77
- notificationCenter.border#000000
- notifications.background#1d121d
- notifications.border#000000
- notificationToast.border#000000
- panel.background#1d121d
- panel.border#000000
- panel.dropBackground#4a3a4a99
- panelSectionHeader.background#2a1a2a
- panelSectionHeader.border#000000
- panelSectionHeader.foreground#dd77dd
- panelTitle.activeBorder#88ccdd
- panelTitle.activeForeground#88ccdd
- panelTitle.inactiveForeground#aa8aaa
- peekView.border#000000
- peekViewEditor.background#1d121d
- peekViewEditor.matchHighlightBackground#dd77bb88
- peekViewResult.background#1a0f1a
- peekViewResult.matchHighlightBackground#dd77bb55
- peekViewTitle.background#2a1a2a
- pickerGroup.border#000000
- pickerGroup.foreground#88ccdd
- quickInput.background#1d121d
- quickInput.foreground#e8d8e8
- scrollbar.shadow#000000cc
- scrollbarSlider.activeBackground#5a4a5acc
- scrollbarSlider.background#5a4a5a88
- scrollbarSlider.hoverBackground#5a4a5aaa
- settings.checkboxBackground#2a1a2a
- settings.checkboxBorder#000000
- settings.dropdownBackground#2a1a2a
- settings.dropdownBorder#000000
- settings.headerForeground#dd77dd
- settings.modifiedItemIndicator#88ccdd
- settings.numberInputBackground#2a1a2a
- settings.numberInputBorder#000000
- settings.textInputBackground#2a1a2a
- settings.textInputBorder#000000
- sideBar.background#1d121d
- sideBar.border#000000
- sideBar.dropBackground#4a3a4a99
- sideBar.foreground#d8c8d8
- sideBarSectionHeader.background#2a1a2a
- sideBarSectionHeader.border#000000
- sideBarSectionHeader.foreground#dd77dd
- sideBarTitle.foreground#88ccdd
- statusBar.background#1d121d
- statusBar.border#000000
- statusBar.debuggingBackground#dd77aa
- statusBar.debuggingForeground#ffffff
- statusBar.foreground#d8c8d8
- tab.activeBackground#1a0f1a
- tab.activeBorder#000000
- tab.activeBorderTop#88ccdd
- tab.activeForeground#ffffff
- tab.border#000000
- tab.inactiveBackground#1d121d
- tab.inactiveForeground#aa8aaa
- tab.lastPinnedBorder#000000
- tab.unfocusedActiveForeground#aa8aaa
- tab.unfocusedInactiveForeground#7a6a7a
- terminal.ansiBlack#1a0f1a
- terminal.ansiBlue#88ccdd
- terminal.ansiBrightBlack#5a4a5a
- terminal.ansiBrightBlue#99ddee
- terminal.ansiBrightCyan#88eecc
- terminal.ansiBrightGreen#aaeebb
- terminal.ansiBrightMagenta#ee88ee
- terminal.ansiBrightRed#ee88bb
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#eebb88
- terminal.ansiCyan#77ddcc
- terminal.ansiGreen#99ddaa
- terminal.ansiMagenta#dd77dd
- terminal.ansiRed#dd77aa
- terminal.ansiWhite#e8d8e8
- terminal.ansiYellow#ddaa77
- terminal.background#1a0f1a
- terminal.foreground#e8d8e8
- titleBar.activeBackground#1a0f1a
- titleBar.activeForeground#d8c8d8
- titleBar.border#000000
- titleBar.inactiveBackground#1d121d
- titleBar.inactiveForeground#8a6a8a
- walkThrough.embeddedEditorBackground#1a0f1a
- welcomePage.buttonBackground#dd77bb
- welcomePage.buttonHoverBackground#ee88cc
- widget.border#000000
- widget.shadow#000000
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, comment.line, comment.block | #8a6a8a | italic |
| comment.line.double-slash keyword, comment.block keyword | #aa8aaa | italic bold |
| string, string.quoted.single, string.quoted.double, string.quoted.triple | #00ff99 | — |
| string.template, string.quoted.template | #33ffbb | — |
| meta.template.expression, string.template meta.embedded | #dd77dd | — |
| string.regexp | #dd99bb | — |
| constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.binary, constant.numeric.octal | #ff55ff | — |
| constant.language.boolean | #ff77ff | bold |
| constant.language.null, constant.language.undefined, constant.language.none | #dd88cc | italic |
| keyword.control, keyword.control.flow, keyword.control.conditional, keyword.control.loop | #ff77dd | bold |
| storage.type, storage.modifier, keyword.other.unit | #ff77dd | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as | #ff55ff | italic |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.comparison, keyword.operator.logical | #88ccdd | — |
| keyword.operator.assignment | #99ddee | bold |
| entity.name.function, meta.function-call entity.name.function | #99ddff | bold |
| meta.function-call, variable.function | #aaeeff | — |
| entity.name.function.member, meta.method-call entity.name.function | #88ccee | — |
| support.function, support.function.builtin | #55ffbb | — |
| meta.definition.variable variable.other, variable.other.readwrite | #e8d8e8 | — |
| variable.other | #d8c8d8 | — |
| variable.other.constant, constant.other | #99ddee | bold |
| variable.parameter, meta.function.parameters variable | #ffaa44 | italic |
| meta.object-binding-pattern-variable variable.parameter, meta.array-binding-pattern-variable variable.parameter | #ffcc66 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #f5f5f5 | — |
| variable.other.object.property | #e8e8e8 | — |
| entity.name.class, entity.name.type.class | #ff4466 | bold |
| entity.name.interface, entity.name.type.interface | #77ddcc | italic |
| support.type, entity.name.type, meta.type.annotation | #88ccdd | — |
| entity.name.type.parameter | #99ddee | italic |
| entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter | #dd77bb | — |
| entity.other.attribute-name | #88ccdd | — |
| support.class.component, entity.name.tag.js, entity.name.tag.tsx | #cc77ff | bold |
| entity.other.attribute-name.js, entity.other.attribute-name.tsx | #99ddee | — |
| support.type.property-name.css | #88ccdd | — |
| support.constant.property-value.css, meta.property-value.css | #00ff88 | — |
| entity.name.tag.css, entity.other.attribute-name.class.css, entity.other.attribute-name.id.css | #dd77bb | — |
| variable.language.self.python | #dd77dd | italic |
| meta.decorator.python, entity.name.function.decorator.python | #ddaa77 | bold |
| support.function.magic.python | #ee88ee | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string.quoted.double.json | #88ccdd | — |
| meta.structure.dictionary.value.json | #00ff88 | — |
| markup.heading, entity.name.section.markdown | #dd77bb | bold |
| markup.bold | #88ccdd | bold |
| markup.italic | #00ff88 | italic |
| markup.inline.raw, markup.fenced_code | #ff44ff | — |
| markup.underline.link | #99ddaa | — |
| markup.quote | #aa8aaa | italic |
| punctuation.separator, punctuation.terminator | #aa8aaa | — |
| punctuation.section.brackets, punctuation.section.parens, punctuation.section.braces | #99ddee | — |
| variable.language.this | #dd77dd | italic |
| variable.language.super | #ee88ee | italic |
| keyword.control.flow.async, keyword.control.flow.await | #dd77bb | italic bold |
| invalid, invalid.illegal | #dd77aa | underline |
| invalid.deprecated | #ddaa77 | strikethrough |