Skip to content
| Marketplace
Sign in
Visual Studio Code>Themes>Makinda LightNew to Visual Studio Code? Get it now.
Makinda Light

Makinda Light

Jackson Makinda

|
815 installs
| (0) | Free
A premium light theme for VS Code with warm orange accents and excellent readability
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


Makinda Light
Makinda Light

A premium light theme for VS Code with warm orange accents and excellent readability.

Version Downloads Rating

Features • Installation • Recommended Settings • Screenshots • Contributing • License


Features

  • Premium Design — Clean white editor with subtle gray sidebars for a professional look
  • Brand Colors — Carefully curated orange accent palette for a warm, inviting feel
  • Excellent Readability — High contrast syntax highlighting optimized for long coding sessions
  • Comprehensive Coverage — Full support for UI elements, syntax tokens, and semantic highlighting
  • Status Indicators — Color-coded status bar for errors, warnings, and debugging states

Color Palette

Element Color Hex
Brand Orange 🟠 #f05106
Deep Orange 🟠 #c73b07
Purple Accent 🟣 #7c3aed
Teal Strings 🔵 #0d7377
Editor Background ⬜ #ffffff
Sidebar Background ⬜ #f9f9fa

Installation

From VS Code Marketplace

  1. Open Extensions sidebar panel: View → Extensions
  2. Search for Makinda Light
  3. Click Install
  4. Go to Code → Preferences → Color Theme → Makinda Light

From Command Line

code --install-extension makindajack.makinda-light

Manual Installation

  1. Download the latest .vsix file from Releases
  2. Open VS Code
  3. Run Extensions: Install from VSIX... from the Command Palette
  4. Select the downloaded file

Recommended Settings

Icon Themes

For the best experience, we recommend pairing Makinda Light with:

  • Nomo Dark Icon Theme by be5invis
  • Material Product Icons by Philipp Kief

Font Recommendations

{
  "editor.fontFamily": "'Fira Code', 'JetBrains Mono', Menlo, Monaco, monospace",
  "editor.fontLigatures": true,
  "editor.fontSize": 14,
  "editor.lineHeight": 1.6
}

Screenshots

Screenshot example fragment

Screenshot example full

Documentation

  • Installation Guide
  • Contributing
  • Publishing Guide
  • Development

Contributing

Contributions are welcome! Please read our Contributing Guide for details.

License

MIT © Jackson Makinda


Made with ❤️ by Jackson Makinda
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft