Cosmere Themes

Eleven themes for Visual Studio Code, one per world of the Cosmere.

A colour scheme collection inspired by the universe of Brandon Sanderson — from the storm-lit blues of Roshar to the ash and copper of Scadrial.

Contents

The collection · Which one should I pick? · Gallery · Installation · What to expect · Roadmap · Feedback

The collection

Eight dark themes and three light ones. Each one takes its colours from a different world, and each one dresses the whole editor — window and code alike.

Theme		Palette	World	The idea
Stormlight Dark	●		Roshar	Deep blues over a near-black navy
Stormlight Light	○		Roshar	The same storm, seen by day
Mistborn Dark	●		Scadrial	Ash and mist, copper and pewter
Warbreaker Dark	●		Nalthis	Deep violet under full BioChroma: magenta, cyan, amber
Elantris Light	○		Sel	Pale stone and ivory, lit by the gold of the Aons
White Sand Dayside	○		Taldain	Blinding white sand, blue shadows, cobalt
White Sand Darkside	●		Taldain	The night half of the same world, under starlight
Secret Project One	●		Lumar	The Emerald Sea: abyssal greens and gold
Secret Project Three	●		Komashi	Indigo night, the nightmare's magenta, the painter's gold
Secret Project Four	●		Canticle	Deep garnet and crimson, lit by a sunlit gold
Secret Project Five	●		First of the Sun	Gold on near-black, quiet and high contrast

^{● dark · ○ light — each strip reads: background · panels · text · accent · highlight}

Taldain comes as a pair on purpose. The planet is tidally locked: one half lives under an endless white sun, the other in perpetual night. Dayside and Darkside share the same cobalt accent, so they read as two views of one world rather than two unrelated themes.

Which one should I pick?

Eleven is a lot. If you would rather not scroll through the gallery:

If you want…	Try
The safe default, and the reason this collection exists	Stormlight Dark
The highest contrast, for a bright room	Secret Project Five
Something quiet for a long session	Mistborn Dark
As much colour as a theme can carry	Warbreaker Dark
A light theme that is warm	Elantris Light
A light theme that is cold	White Sand Dayside
The darkest background here	White Sand Darkside
Green instead of blue	Secret Project One
Red instead of blue	Secret Project Four

Switching costs one shortcut — Ctrl+K Ctrl+T — so trying a few is cheaper than deciding in advance.

Gallery

Same file, same window, same size in every shot — only the theme changes, so what you see really is the difference between them. Each pair sits side by side, to show the same world by day and by night.

Stormlight Dark Roshar	Stormlight Light Roshar	Mistborn Dark Scadrial
White Sand Dayside Taldain, the sunlit half	White Sand Darkside Taldain, the night half	Warbreaker Dark Nalthis
Elantris Light Sel	Secret Project One Lumar	Secret Project Three Komashi
Secret Project Four Canticle	Secret Project Five First of the Sun	Your world? Threnody, Shadesmar, Wax & Wayne…
		Suggestions are welcome — open an issue.

^{The previews are scaled down to fit the grid. The hero shot at the top of this page is the full-size version.}

Installation

From the marketplace:

1. Open the Extensions sidebar — View → Extensions, or Ctrl+Shift+X.
2. Search for Cosmere Themes and install the one by Javier Santano.
3. Pick a variant with Ctrl+K Ctrl+T (Cmd+K Cmd+T on macOS).

Or straight from the command line:

code --install-extension javier-santano-dev.cosmere-themes

To pin one in your settings:

{
  "workbench.colorTheme": "Stormlight Dark"
}

What to expect

They colour the whole editor. Not just the code: the sidebar, the tabs, the status bar, the terminal, the menus and the search results all match. No corner of the window is left in the default colours.

The code changes too, not only the frame. Each world brings its own colours for strings, numbers, keywords, class and function names. Switching from Mistborn to Warbreaker is not the same screen with a different sidebar.

Whatever you write in. Python, JavaScript, TypeScript, Go, Rust, C#, HTML, CSS, JSON, YAML — the colouring is built on the rules every language shares, so a theme looks like itself whether you open a class, a component or a config file.

Made to be read for hours. Every colour is checked against its own background so nothing makes you squint — comments are the one exception, kept dim on purpose so they stay out of the way.

Nothing else changes. These are colour themes and only that: your font, your layout and the rest of your settings stay exactly as you left them. The screenshots use Fira Code at 14px, in case you were wondering.

Roadmap

The Cosmere is a big place and this collection is not finished. Worlds under consideration, roughly in order:

No promises on dates — these get made when a palette earns its place, not to fill a checklist. If you want one sooner, say so in the issues; that genuinely moves things up the list.

Feedback

Something that looks wrong, or a world you would like to see? Open an issue on GitLab. If a colour bothers you, saying which theme and which language you were using is usually enough for me to find it.

If the collection earns its place in your editor, a rating on the marketplace helps more than you would think.

License

Released under the MIT License.

The Cosmere and its worlds are the creation of Brandon Sanderson. This is an unofficial fan project, not affiliated with or endorsed by the author or Dragonsteel Entertainment.