NeoMelon Theme
Publisher: instantfredThemes in package: 3
A VS Code theme collection with three variants: Watermelon (pastel), Synthwave (neon), and Light (clean). Inspired by the sweet world of melons!
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#2D5A2D
- activityBar.foreground#FF69B4
- activityBarBadge.background#FF69B4
- activityBarBadge.foreground#1A3A1A
- button.background#FF69B4
- button.foreground#1A3A1A
- debugToolBar.background#2D5A2D
- dropdown.background#3A7A3A
- dropdown.border#FF69B4
- dropdown.foreground#FFB6C1
- editor.background#1A3A1A
- editor.findMatchBackground#FF69B460
- editor.findMatchHighlightBackground#FF69B440
- editor.foreground#FFB6C1
- editor.hoverHighlightBackground#F0E68C20
- editor.inactiveSelectionBackground#FFB6C120
- editor.selectionBackground#FF69B460
- editor.wordHighlightBackground#F0E68C20
- editorCursor.foreground#FF69B4
- editorGroupHeader.tabsBackground#2D5A2D
- editorGutter.addedBackground#98FB9860
- editorGutter.deletedBackground#FF69B460
- editorGutter.modifiedBackground#F0E68C60
- editorLineNumber.activeForeground#FF69B4
- editorLineNumber.foreground#2D5A2D
- errorForeground#FF69B4
- input.background#3A7A3A
- input.border#FF69B4
- input.foreground#FFB6C1
- inputOption.activeBorder#FF69B4
- list.activeSelectionBackground#FF69B460
- list.activeSelectionForeground#1A3A1A
- list.highlightForeground#FF69B4
- list.hoverBackground#F0E68C25
- list.inactiveSelectionBackground#FFB6C120
- list.inactiveSelectionForeground#FFB6C1
- panel.background#2D5A2D
- panelTitle.activeBorder#FF69B4
- panelTitle.activeForeground#FF69B4
- panelTitle.inactiveForeground#FFB6C1
- peekViewEditor.background#1A3A1A
- peekViewResult.background#2D5A2D
- peekViewTitle.background#3A7A3A
- sideBar.background#2D5A2D
- sideBar.foreground#FFB6C1
- sideBarSectionHeader.background#3A7A3A
- sideBarSectionHeader.foreground#F0E68C
- statusBar.background#2D5A2D
- statusBar.debuggingBackground#FF69B4
- statusBar.debuggingForeground#1A3A1A
- statusBar.foreground#FFB6C1
- statusBarItem.remoteBackground#FFB6C1
- statusBarItem.remoteForeground#1A3A1A
- tab.activeBackground#3A7A3A
- tab.activeBorder#FF69B4
- tab.activeForeground#FF69B4
- tab.border#1A3A1A
- tab.hoverBackground#F0E68C20
- tab.inactiveBackground#2D5A2D
- tab.inactiveForeground#FFB6C1
- terminal.ansiBlack#1A3A1A
- terminal.ansiBlue#B0E0E6
- terminal.ansiBrightBlack#3A7A3A
- terminal.ansiBrightBlue#B0E0E6
- terminal.ansiBrightCyan#E0FFFF
- terminal.ansiBrightGreen#98FB98
- terminal.ansiBrightMagenta#FFB6C1
- terminal.ansiBrightRed#FF69B4
- terminal.ansiBrightWhite#FFF8DC
- terminal.ansiBrightYellow#F0E68C
- terminal.ansiCyan#E0FFFF
- terminal.ansiGreen#98FB98
- terminal.ansiMagenta#FFB6C1
- terminal.ansiRed#FF69B4
- terminal.ansiWhite#FFF8DC
- terminal.ansiYellow#F0E68C
- terminal.background#1A3A1A
- terminal.foreground#FFB6C1
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #98FB98 | italic |
| keyword, storage.type, storage.modifier, variable.language.this, support.type.primitive | #FF69B4 | italic bold |
| string, markup.inline.raw.string | #B0E0E6 | — |
| constant.numeric, constant.language, constant.other | #F0E68C | — |
| entity.name.function, support.function | #FFB6C1 | bold |
| variable, variable.other, variable.readwrite, variable.other.readwrite, variable.declaration | #E0FFFF | |
| variable.parameter, meta.parameter | #F0E68C | italic |
| variable.other.property, variable.other.object, support.variable | #FF69B4 | — |
| entity.name.type, support.class, entity.other.inherited-class | #B0E0E6 | — |
| punctuation | #98FB98 | — |
| operator | #FFB6C1 | — |
| support.constant | #E0FFFF | — |
| tag, entity.name.tag | #F0E68C | bold |
| punctuation.definition.tag | #F0E68C | — |
| entity.other.attribute-name | #FFB6C1 | — |
| support.type.property-name | #E0FFFF | — |
| support.constant.property-value | #B0E0E6 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #F0E68C | — |
| markup.heading | #FF69B4 | bold |
| markup.list | #B0E0E6 | — |
| markup.link | #FFB6C1 | underline |