🌿 Lime Grove
A light theme for Visual Studio Code with lime green as the dominant syntax accent and dark orange anchoring the editor chrome.
Designed for long coding sessions where readability matters: each syntactic category uses a perceptually distinct color so your eye instantly navigates the code structure without conscious effort.
Color philosophy
The theme uses 6 perceptually distinct color families — not 6 shades of the same hue:
| Role |
Color |
Hex |
| Keywords / control flow |
🟣 Violet |
#7B4FBE |
| Types / classes / XML tags |
🔵 Blue |
#1A6FAF |
| Functions / methods |
🟠 Orange |
#C05A10 |
| Strings |
🟢 Lime green |
#3A8A0A |
Numbers / true / false / null |
🔴 Red-brown |
#B5420A |
| Operators / punctuation |
⚫ Gray |
#5A6A72 |
| Comments |
🌿 Sage |
#6E8C58 |
| Variables / base text |
⚪ Olive |
#2D3320 |
| Regex / links |
🩵 Teal |
#1A7A60 |
| Decorators / attributes |
🟡 Amber |
#A06000 |
The editor background is a soft lime-tinted white (#F5F8EC) that keeps the green accent of the theme without fatiguing the eyes.
The editor chrome (activity bar, title bar, status bar, menus) uses a deep olive green (#3a5c10) to frame the workspace, with lime accents for active states and badges.
Language support
Syntax highlighting is tuned for:
- C# — types, interfaces, attributes (
[HttpGet]), LINQ, generics
- JavaScript / TypeScript — arrow functions, template literals, decorators, JSX
- XML / HTML — tag names in blue, attribute names in amber, values in lime
- CSS / SCSS — selectors, property names, values and units each with distinct colors
- JSON — keys in amber bold, string values in lime, numbers and booleans in red-brown
- Markdown — headings in violet, bold in orange, italic in blue, code in teal
- All other languages via generic TextMate scopes
Semantic highlighting is enabled ("semanticHighlighting": true) for richer accuracy in languages with a Language Server (C#, TypeScript, Rust, Go, Python).
Editor chrome palette
| Zone |
Background |
Text / Icons |
| Activity bar |
#3a5c10 |
#e8f5c8 (active) · #8aaa60 (inactive) |
| Title bar |
#3a5c10 |
#e8f5c8 |
| Status bar (normal) |
#3D8A0A |
#F5F8EC |
| Status bar (debug) |
#D06818 |
#F5F8EC |
| Tabs bar |
#E4EDD4 |
active tab border #5CA016 |
| Side bar |
#ECF2DC |
#2D3320 |
| Panel / terminal |
#EDF2DC |
#2D3320 |
| Cursor |
— |
#5CA016 |
| Selection |
— |
#C8E89080 |
Installation
From source
- Clone or download this repository.
- Copy the
themes/ folder and package.json into your VS Code extensions folder:
- macOS / Linux:
~/.vscode/extensions/lime-grove/
- Windows:
%USERPROFILE%\.vscode\extensions\lime-grove\
- Restart VS Code.
- Open the Command Palette (
Ctrl+Shift+P / Cmd+Shift+P) and run Preferences: Color Theme.
- Select Lime Grove.
From the Marketplace
Search for Lime Grove in the Extensions panel (Ctrl+Shift+X).
Recommended settings
These settings complement the theme:
{
"editor.fontFamily": "'Cascadia Code', 'Fira Code', Consolas, monospace",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"editor.lineHeight": 1.6,
"editor.renderWhitespace": "boundary",
"editor.bracketPairColorization.enabled": false
}
Bracket pair colorization is best left off — the theme's punctuation color handles bracket visibility without the rainbow effect.
Feedback and contributing
Found a token that doesn't look right? Open an issue with:
- The language and file type.
- A short code snippet showing the problem.
- A screenshot if possible.
Pull requests are welcome.
Enjoy! 🌿
