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

Makinda Themes

Makinda Jackson

|
4 installs
| (0) | Free
Premium light and dark themes 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 Themes
Makinda Themes

A premium light + dark theme family with warm orange accents — shipping to 20+ editors, IDEs, terminals, and apps from a single source palette.

Version Installs Rating

Features • Installation • Compatible Editors • Activate • Recommended Settings • Screenshots • Contributing • License


Features

This extension ships two complementary themes:

  • Makinda Light — Clean white editor with subtle gray sidebars, warm orange accents, and high-contrast syntax highlighting for long, comfortable coding sessions.
  • Makinda Dark — Deep #0e0e0f background with vibrant orange accents, purple types, and teal strings. 140+ token scopes and 200+ UI color definitions.

Both variants share the same brand language, so switching between them keeps your code visually consistent.

Color Palette

Element Makinda Light Makinda Dark
Brand Orange #e65800 #ff711a
Functions #e65800 #ff9452
Keywords #b34400 #ff711a
Types / Classes #6b26c0 #a26ee2
Strings #0d7377 #2dd4bf
Comments #71717a #7d8593
Editor Background #ffffff #0e0e0f
Sidebar Background #fafafa #0e0e0f

Installation

From VS Code Marketplace

  1. Open the Extensions sidebar: View → Extensions
  2. Search for Makinda Themes
  3. Click Install

From Command Line

code --install-extension makindajack.makinda-themes

Manual Installation

  1. Download the latest .vsix from Releases
  2. In VS Code, run Extensions: Install from VSIX... from the Command Palette and pick the file.

Compatible Editors

Makinda is generated from a single source/palette.json and ports to every major editor, IDE, terminal, and chat/notes app.

Code editors & IDEs

Editor Format Install
VS Code *.color-theme.json code --install-extension makindajack.makinda-themes
Cursor (VS Code theme) cursor --install-extension makindajack.makinda-themes
Windsurf (Open VSX) windsurf --install-extension makindajack.makinda-themes
VSCodium / code-server (Open VSX) codium --install-extension makindajack.makinda-themes
JetBrains IDEs .icls + .theme.json ports/jetbrains/
Sublime Text .sublime-color-scheme ports/sublime/
Zed Zed theme JSON ports/zed/
Neovim Lua + Vim fallback ports/neovim/
Xcode .xccolortheme plist ports/xcode/
Helix TOML ports/helix/
Visual Studio .vssettings ports/visual-studio/
Eclipse .epf ports/eclipse/
Emacs deftheme .el ports/emacs/
TextMate .tmTheme plist ports/textmate/
BBEdit .bbcolors plist ports/bbedit/
Nova .novaextension ports/nova/
Lapce TOML ports/lapce/
Notepad++ XML ports/notepad-plus-plus/

Terminals

Terminal Format Path
iTerm2 .itermcolors ports/iterm2/
Warp YAML ports/warp/
Alacritty TOML ports/alacritty/
Kitty .conf ports/kitty/
WezTerm Lua ports/wezterm/
Ghostty config snippet ports/ghostty/
Windows Terminal JSON snippet ports/windows-terminal/

Chat / notes

App Format Path
Slack sidebar string ports/slack/
Discord (BetterDiscord) CSS ports/discord/
Obsidian CSS theme ports/obsidian/

See docs/INSTALLATION.md for editor-by-editor walkthroughs and docs/IDES.md for the full status matrix.

Activate a Theme

Open the Color Theme picker:

  • macOS: ⌘K ⌘T
  • Windows / Linux: Ctrl+K Ctrl+T

Select Makinda Light or Makinda Dark.

To have VS Code switch automatically with your OS appearance, enable window.autoDetectColorScheme and set:

{
  "window.autoDetectColorScheme": true,
  "workbench.preferredLightColorTheme": "Makinda Light",
  "workbench.preferredDarkColorTheme": "Makinda Dark"
}

Recommended Settings

Icon Themes

Pair Makinda Themes with one of these for a complete look:

  • Material Product Icons by Philipp Kief
  • Nomo Light Icon Theme — pairs well with Makinda Light
  • Nomo Dark Icon Theme — pairs well with Makinda Dark

A dedicated Makinda Icons pack is in active development and will be released as a separate extension.

Font Recommendations

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

Screenshots

Makinda Light

Makinda Light — TypeScript

Makinda Light — Python Makinda Light — Rust

Makinda Light — Go Makinda Light — Markdown

Makinda Light — JSON Makinda Light — HTML

Makinda Dark

Makinda Dark — TypeScript

Makinda Dark — Python Makinda Dark — Rust

Makinda Dark — Go Makinda Dark — Markdown

Makinda Dark — JSON Makinda Dark — HTML

Migrating from makinda-dark

The standalone makindajack.makinda-dark extension is deprecated as of 1.0.1. Both themes are now bundled in makindajack.makinda-themes.

To migrate:

  1. Install makindajack.makinda-themes.
  2. Uninstall makindajack.makinda-dark.
  3. Open the Color Theme picker and re-select Makinda Dark.

Your settings and theme preference will be preserved.

Documentation

  • Installation Guide
  • Contributing
  • Publishing Guide
  • Development

Contributing

Contributions are welcome. Please read the Contributing Guide before opening issues or pull requests.

License

MIT © Jackson Makinda


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