Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Hacker Lime ThemeNew to Visual Studio Code? Get it now.
Hacker Lime Theme

Hacker Lime Theme

Esteban Escobar

|
9 installs
| (0) | Free
A vibrant hacker-style theme with lime green accents, perfect for React Native development. Features glassmorphism support and beautiful syntax highlighting.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

Screenshot 1 Screenshot 2

🚀 Installation

From VS Code Marketplace / Cursor Extensions:

  1. Open Extensions (Cmd+Shift+X or Ctrl+Shift+X)
  2. Search for "Hacker Lime"
  3. Click Install
  4. Press Cmd+Shift+P and type "Preferences: Color Theme"
  5. Select "Hacker Lime"

Manual Installation:

  1. Download the .vsix file from Releases
  2. Open VS Code/Cursor
  3. Press Cmd+Shift+P and type "Install from VSIX"
  4. Select the downloaded file
  5. 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

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