themesdevelopersdesign

IDE themes as map posters for developers

See how editor palettes such as Dracula, Monokai, Nord, Solarized, and Catppuccin Mocha work with roads and water.

Inkroads Team3 min read

If you spend much of the day in an editor, its palette becomes familiar. The same colors feel strange on a city map at first, then recognizable in their new context.

Inkroads has six themes adapted from code editor palettes: Dracula, Monokai, Solarized Dark, Solarized Light, Nord, and Catppuccin Mocha. They apply those colors to road classes, water, parks, and buildings instead of keywords and comments.

Why IDE palettes work on maps

Code editor themes account for contrast, visual hierarchy, and long viewing sessions. Maps need many of the same qualities.

A road map needs clear differences between its element types. Motorways can stand out like function names, while residential streets recede like comments. Water and parks need the same separation that strings and numbers receive in an editor.

That existing hierarchy makes these palettes readable from across a room, with enough variation for a closer look.

The themes, city by city

Dracula

Dracula sets vivid pinks, greens, and cyans against dark purple. Its road colors work well with dense networks. Tokyo resembles a neon circuit board, while London becomes a web of violet lines. In waterfront cities such as San Francisco, Istanbul, and Hong Kong, the water color gives the streets a dark backdrop.

Monokai

Monokai uses amber, green, and pink against a near-black background. The warm colors soften the contrast compared with Noir. On Boston or Barcelona, they trace curved, centuries-old roads with a hand-drawn look.

Solarized Dark and Solarized Light

Ethan Schoonover designed Solarized around precise contrast relationships. Solarized Dark has a blue-gray base, while Solarized Light resembles warm parchment. Both work in living rooms and offices. Try Copenhagen in Solarized Light or Chicago in Solarized Dark.

Nord

Nord uses muted blues and grays with an occasional frost-green accent. Its low-key palette stays quiet in bedrooms and minimalist interiors. Stockholm, Helsinki, and Oslo make an obvious geographic reference, but sparse desert networks also work. Try Dubai or Phoenix.

Catppuccin Mocha

Catppuccin Mocha has a warm dark base with lavender, peach, sky blue, and green accents. The pastel road colors stay readable and give dense grids a jewel-like pattern. Seoul, Taipei, and Singapore all give the palette plenty of detail to work with.

Pairing with fonts

Developer themes pair well with monospace fonts. JetBrains Mono on a Dracula map commits to the idea. Outfit or Space Grotesk keeps the technical look but feels less literal. Our font pairing guide covers more options.

The developer's wall

A set can pair the theme you use at work with one you used in college. Give each poster a different city while keeping the editor-inspired visual language, and the group works as a gallery wall.

Matching the poster to your current editor gives a workspace a small in-joke that still reads as deliberate decor.

Open the map creator with an IDE theme and compare the poster with your current editor.

share this piece

keep reading

Related articles

create yours

Ready to make your map poster?

Create a minimalist map poster for any location.