Every developer has strong opinions about their editor theme — and honestly, they should. You stare at it for hours a day. So instead of reaching for another shade of "midnight blue with cyan accents," I built something with a bit more identity: Tiranga, a VS Code theme (Tiranga Theme - Visual Studio Marketplace) inspired by the Indian national flag.
The idea
The Tiranga — saffron, white, and green, with the navy blue Ashoka Chakra at its center — is one of the most recognizable flags in the world, and its palette translates surprisingly well to a code editor. Saffron pops against a dark background without being harsh on the eyes. Green is a natural fit for "positive" signals like git additions. And navy blue gives the UI chrome a grounded, official feel without going full black.
So rather than treat the flag as a literal banner across the screen, I pulled its four colors out and assigned each one a job:
| Color | Hex | Where it shows up |
|---|---|---|
| 🟠 Saffron | #FF9933 |
Keywords, tags, active line numbers, tab accents |
| ⚪ White | #F5F3EE |
Primary text, class and type names |
| 🟢 Green | #138808 |
Strings, git additions, namespaces/imports |
| 🔵 Navy | #000080 |
Status bar, info highlights — a nod to the Chakra |
Everything else — the editor background, sidebars, panels — stays a deep, near-black navy (#0B0F14) so the flag colors have room to breathe instead of competing with a busy UI.
What's in the box
Tiranga is a full VS Code color theme, meaning it doesn't just recolor your syntax highlighting — it covers the whole editor:
- Editor & syntax — keywords, strings, functions, types, and comments are all tuned for contrast and readability, not just palette accuracy.
- Activity bar, sidebar, status bar, and tabs — themed consistently so nothing feels bolted on.
- Terminal ANSI colors — mapped to the same palette, so your terminal output matches the rest of the editor.
- Git decorations — added/modified/deleted files use green, saffron, and red respectively, so the theme still follows normal editor conventions where it matters.
- An icon to match — a rounded extension icon with the tricolor bands and a 24-spoke Ashoka Chakra, so it looks right at home in the Extensions view too.
Why build a theme at all
Honestly? Partly for fun, partly because most "flag-inspired" themes I'd seen either used the colors too literally (giant stripes across your code, which gets old fast) or too timidly (one accent color and nothing else). I wanted something that felt like a real editor theme first — one you'd actually want to code in for eight hours — that happened to be built entirely from a flag's palette.
Try it
The theme is available as a standard VS Code extension. To use it download it from:
Tiranga Theme - Visual Studio Marketplace
What's next
A few things on the roadmap if there's interest:
- A light variant — same palette, inverted for daytime coding.
- Bracket pair colorization tuned to the tricolor palette.
If you try it out and have thoughts on the balance of colors — too much saffron, not enough green, whatever — I'd love to hear it. Themes are personal, and this one's meant to evolve.
— Built with VS Code's theme API, a lot of hex codes, and more flag trivia than I expected to learn along the way.