Skip to content
Itrium

Rhodonite

Graphite, with pink running through it.

Rhodonite is our palette, named after the mineral. It colors everything we make, and now it can color your editor too: a theme for Visual Studio Code and the editors built on it, in dark and light.

Install the theme Source code
// Pink means something: one accent, used on purpose
import { contrast } from "./color";

const accent = "#febfca";
const minimumContrast = 4.5;

interface Tab {
  title: string;
  active: boolean;
}

export function edgeColor(tab: Tab): string | null {
  return tab.active ? accent : null;
}

export function readable(text: string, surface: string): boolean {
  return contrast(text, surface) >= minimumContrast;
}

Pink means something

Most of the window stays graphite and gray. Pink marks the few things worth finding at a glance: the cursor, the active tab, what has focus, and the button that does the main thing. In code, it's the keywords. Everything else gets a quieter color that sits next to the pink instead of competing with it.

The colors

Palette

  • Graphite

    Backgrounds, and text in light mode: #2B2B2B

  • Pastel pink

    The one accent: #FEBFCA

  • Deep rose

    Pink as a line in light mode: #C46475

  • Off-white

    Text in dark mode: #F2F2F2

  • Muted gray

    Secondary text and comments: #AAAAAA dark, #6B6B6B light

Code

  • Sage

    Strings: #A9C9A0 dark, #3F7339 light

  • Sand

    Numbers and constants: #E6CF98 dark, #7F6216 light

  • Blue

    Functions and links: #9FB5D8 dark, #3A5F93 light

  • Teal

    Types and classes: #9DCEC7 dark, #2F7069 light

  • Rose

    Errors and deletions: #F58C9D dark, #B03A4F light

Install

  • Cursor, VSCodium, Windsurf, Antigravity and other editors that use Open VSX

    Search for Rhodonite in the Extensions view, or run:

    code --install-extension itrium.rhodonite

    with your editor's own command in place of code.

    Rhodonite on Open VSX

  • Visual Studio Code

    It isn't on Microsoft's marketplace yet. Download the .vsix from the latest release, then run code --install-extension with the file.

    Latest release

Then choose Rhodonite or Rhodonite Light under Preferences: Color Theme. To switch with your system, add this to your settings:

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

Everything we make for free stays free: no hidden upsell, no account wall and no advertisements. It doesn't collect, track or sell anything, and it's open source, so you can check.

See everything we make for free