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#1F262A
- activityBar.foreground#00E5E5
- activityBarBadge.background#FF00FF
- activityBarBadge.foreground#181D20
- button.background#FF5A36
- button.foreground#181D20
- debugToolBar.background#1F262A
- dropdown.background#2F3B40
- dropdown.border#00E5E5
- dropdown.foreground#FECEAB
- editor.background#181D20
- editor.findMatchBackground#00E5E560
- editor.findMatchHighlightBackground#00E5E540
- editor.foreground#FECEAB
- editor.hoverHighlightBackground#FFD23F20
- editor.inactiveSelectionBackground#E84A5F20
- editor.selectionBackground#FF847C60
- editor.wordHighlightBackground#FFD23F20
- editorCursor.foreground#FF00FF
- editorGroupHeader.tabsBackground#1F262A
- editorGutter.addedBackground#A3C4A360
- editorGutter.deletedBackground#E84A5F60
- editorGutter.modifiedBackground#FFD23F60
- editorLineNumber.activeForeground#00E5E5
- editorLineNumber.foreground#2A363B
- errorForeground#E84A5F
- input.background#2F3B40
- input.border#00E5E5
- input.foreground#FECEAB
- inputOption.activeBorder#FF00FF
- list.activeSelectionBackground#FF847C60
- list.activeSelectionForeground#181D20
- list.highlightForeground#00E5E5
- list.hoverBackground#FFD23F25
- list.inactiveSelectionBackground#E84A5F20
- list.inactiveSelectionForeground#FECEAB
- panel.background#1F262A
- panelTitle.activeBorder#FF00FF
- panelTitle.activeForeground#00E5E5
- panelTitle.inactiveForeground#FECEAB
- peekViewEditor.background#181D20
- peekViewResult.background#1F262A
- peekViewTitle.background#2F3B40
- sideBar.background#1F262A
- sideBar.foreground#FECEAB
- sideBarSectionHeader.background#2F3B40
- sideBarSectionHeader.foreground#FFD23F
- statusBar.background#1F262A
- statusBar.debuggingBackground#FF5A36
- statusBar.debuggingForeground#181D20
- statusBar.foreground#FECEAB
- statusBarItem.remoteBackground#FF847C
- statusBarItem.remoteForeground#181D20
- tab.activeBackground#2F3B40
- tab.activeBorder#00E5E5
- tab.activeForeground#FF00FF
- tab.border#181D20
- tab.hoverBackground#FFD23F20
- tab.inactiveBackground#1F262A
- tab.inactiveForeground#FECEAB
- terminal.ansiBlack#181D20
- terminal.ansiBlue#00E5E5
- terminal.ansiBrightBlack#2F3B40
- terminal.ansiBrightBlue#00E5E5
- terminal.ansiBrightCyan#FF847C
- terminal.ansiBrightGreen#A3C4A3
- terminal.ansiBrightMagenta#FF00FF
- terminal.ansiBrightRed#FF5A36
- terminal.ansiBrightWhite#FFFAF0
- terminal.ansiBrightYellow#FFD23F
- terminal.ansiCyan#FF847C
- terminal.ansiGreen#A3C4A3
- terminal.ansiMagenta#FF00FF
- terminal.ansiRed#E84A5F
- terminal.ansiWhite#FFFAF0
- terminal.ansiYellow#FFD23F
- terminal.background#181D20
- terminal.foreground#FECEAB
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment | #A3C4A3 | italic |
| keyword, storage.type, storage.modifier, variable.language.this, support.type.primitive | #FF5A36 | italic bold |
| string, markup.inline.raw.string | #00E5E5 | — |
| constant.numeric, constant.language, constant.other | #FF00FF | — |
| entity.name.function, support.function | #FFD23F | bold |
| variable, variable.other, variable.readwrite, variable.other.readwrite, variable.declaration | #FF847C | |
| variable.parameter, meta.parameter | #FF00FF | italic |
| variable.other.property, variable.other.object, support.variable | #E84A5F | — |
| entity.name.type, support.class, entity.other.inherited-class | #00E5E5 | — |
| punctuation | #A3C4A3 | — |
| operator | #FFD23F | — |
| support.constant | #FF847C | — |
| tag, entity.name.tag | #FF00FF | bold |
| punctuation.definition.tag | #FF00FF | — |
| entity.other.attribute-name | #FFD23F | — |
| support.type.property-name | #FF847C | — |
| support.constant.property-value | #00E5E5 | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FF00FF | — |
| markup.heading | #FF5A36 | bold |
| markup.list | #00E5E5 | — |
| markup.link | #FFD23F | underline |