Hacker Lime - React Native Theme
A vibrant, hacker-style dark theme with lime green accents, perfect for React Native development. Features beautiful syntax highlighting, glassmorphism support, and an aesthetic that makes coding a visual pleasure!
🎨 Features
- 🟢 Lime Green Accent: Beautiful lime green highlights throughout
- 💎 Glassmorphism Support: Works perfectly with Vibrancy Continued extension
- ⚛️ React Native Optimized: Syntax colors specifically designed for React Native/JSX development
- 🔤 Font Support: Looks amazing with Fira Code and Victor Mono (with ligatures!)
- 👁️ High Contrast: Easy to read with carefully selected color combinations
- ✨ Italic & Bold Styling: Functions, variables, and keywords styled for visual distinction
🎯 Color Palette
- Lime Green
#9fef00: Strings, Functions, Destructured vars
- Soft Blue
#82aaff: Imports/Exports, Parameters, Classes
- Bright Cyan
#86e1fc: JSX Components, Variables
- Light Blue
#b4dce7: Properties
- Soft Purple
#c792ea: Keywords, JSX Attributes
- Light Cyan
#89ddff: Brackets
📸 Screenshots

🚀 Installation
From VS Code Marketplace / Cursor Extensions:
- Open Extensions (
Cmd+Shift+X or Ctrl+Shift+X)
- Search for "Hacker Lime"
- Click Install
- Press
Cmd+Shift+P and type "Preferences: Color Theme"
- Select "Hacker Lime"
Manual Installation:
- Download the
.vsix file from Releases
- Open VS Code/Cursor
- Press
Cmd+Shift+P and type "Install from VSIX"
- Select the downloaded file
- Activate the theme
💡 Recommended Settings
Install Recommended Fonts
For the best experience, install Fira Code and Victor Mono fonts:
# Install Fira Code
brew install font-fira-code
# Install Victor Mono
brew install font-victor-mono
Then add these to your settings.json:
{
"editor.fontFamily": "'Fira Code', 'Victor Mono', Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 12,
"window.titleBarStyle": "custom"
}
Optional: Enable Glassmorphism
Install Vibrancy Continued extension and add:
{
"vscode_vibrancy.type": "acrylic",
"vscode_vibrancy.opacity": 0.75,
"vscode_vibrancy.theme": "Default Dark"
}
🎯 Perfect For
- React Native Development
- React / Next.js
- TypeScript / JavaScript
- Node.js
- General Web Development
🤝 Contributing
Found a bug or want to suggest improvements? Open an issue or PR on GitHub!
📄 License
MIT License - feel free to use and modify!
❤️ Support
If you love this theme, consider:
- ⭐ Starring the GitHub repo
- 📝 Leaving a review on the marketplace
- 🐦 Sharing it with your dev friends!
Made with 💚 for the React Native community by Esteban Escobar