Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Gruvvy WatermelonNew to Visual Studio Code? Get it now.
Gruvvy Watermelon

Gruvvy Watermelon

Zacc Charvolin

|
233 installs
| (0) | Free
Color theme inspired by gruvbox and Watermelons (and maybe some grapes).
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Gruvvy Watermelon Color Theme

A color theme inspired by gruvbox and Watermelons (and maybe some grapes). Created for Unity and C# with GDScript support currently in development. Other languages may look ok but are untested.

image

image

image

Font

I use Victor Mono for its cursive italics.

Recommended Extensions

TODO tree

A really helpful plugin for keeping track of todos in your code with tons of customization. Here's my config to go with this theme.

  "todo-tree.general.tags": [
        "// TODO",
        "// Todo",
        "# TODO",        
        "// Note",
        "<!-- note",
        "// NOTE",
        "# NOTE",            
        "// FIXME",
        "<!-- fixme",
        "# FIXME"
  ],
  "todo-tree.general.tagGroups": {
    "TODO": [
        "// TODO",
        "// Todo",
        "# TODO"
      ],
      "NOTE": [
        "// Note",
        "<!-- note",
        "// NOTE",
        "# NOTE"
      ],
      "FIXME": [
        "// FIXME",
        "<!-- fixme",
        "# FIXME"
      ],
      "IMPORTANT": [
        "// IMPORTANT",
        "# IMPORTANT",
        "<!-- IMPORTANT"
    ]
  },
  "todo-tree.highlights.customHighlight": {
    "TODO": {
      "background": "#81E5B3",
      "icon": "flame"
    },
    "NOTE": {
      "background": "#C3ADFF",
      "icon": "note"
    },
    "FIXME": {
      "background": "#ff647d",
      "foreground": "#cfc5f5",
      "icon": "flame",
      "iconColour": "#E34583"
    },
    "IMPORTANT": {
      "background": "#FFB6EB",
      "icon": "alert-fill"
    }
  },
  "todo-tree.highlights.defaultHighlight": {
    "background": "#C3ADFF",
    "borderRadius": "0",
    "fontWeight": "bold",
    "foreground": "#222",
    "icon": "alert",
    "iconColour": "#ffb6eb",
    "type": "text"
  }

image

Error Lens

A nice way to see errors and hints in the editor, and I integrated it with this theme. image image image

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft