Gruber Fruity Theme Pack

Theme pack with minimalist themes inspired by the original Gruber themes. All variants feature a fruity 🫠 and minimalist look, inspired by different healthy snacks. Themes available for vs-code and helix!

Style take me to the screenshots!

The gruber fruity themes take semantic highlighting very seriously. For semantic highlighting to really help with your workflow, the items that really matter should stand out in your code. Many modern themes colour almost all items in a file, which (in the author's opinion) distracts from those elements that really matter. Therefore, all gruber fruity themes limit themselves to only five colours (and two neutral background colours), each having a very specific meaning.

• fruity colour - main accent colour for language items like keywords and operators
• leaf green - accent colour for strings and very special names, like self/this variables and the super path
• dead wood - accent colour for constants
• sky blue - accent colour for macros, decorators and other types of metaprogramming
• comment - accent colour for comments

In line with the reduced noise design-style of the gruber fruity themes, all themes support a minimalist version of vscode's colour matched brackets, with only two colours (white and grey).

Helix support

All themes include helix support in the form of .toml files. Drag and drop these into your themes folder to use them.

Markup languages

• Markdown
• JSON, XML, TOML
• HTML, CSS/SCSS

Note: Markup languages have a very different purpose then general programming languages and require a different way of styling, so the functions of the accent colours may differ for these languages.

Fonts

I recommend you use this extension in combination with a great programming font like:

• JetBrains mono
• FiraCode
• Source Code Pro

Variants

🍋 Gruber Lemon Dark

Variant: Dark, Accent colour: #ffd900

🍎 Gruber Apple Dark

Variant: Dark, Accent colour: #ff264e

🍒 Gruber Cherry Light

Variant: Light, Accent colour: #d61e4c

🍐 Gruber Pear Dark

Variant: Dark, Accent colour: #80cf30

🫒 Gruber Olive Light

Variant: Light, Accent colour: #6d8c12

🍑 Gruber Peach Dark

Variant: Dark, Accent colour: #fc8d6e

🍊 Gruber Orange Light

Variant: Light, Accent colour: #ff8000

🍧 Gruber Sorbet Dark

Variant: Dark, Accent colour: #ffa6c9

🌸 Gruber Sakura Light

Variant: Light, Accent colour: #dd68b4

🍇 Gruber Grape Dark

Variant: Dark, Accent colour: #bd4dff

🫐 Gruber Blueberry Light

Variant: Light, Accent colour: #4400b3