UMI ThemesUtility Materials theme index.

Dark structure. Orange as state. Monospace-forward type. Dense panels built for long sessions.

VS Code / Cursoractive

Utility Materials for VS Code and Cursor

The editor theme package that powers both VS Code and Cursor installation paths.

SourceAll themes
Cursor preview showing the Utility Materials editor theme in use.
What It Is

One record, clear scope.

The editor theme package that powers both VS Code and Cursor installation paths.

  • One editor theme covers both VS Code and Cursor.
  • Deep links are optional accelerators.
  • Optional static overlays remain outside the default install path.
Install

Lowest-friction path first.

VS Code

Install it from the Extensions tab

Search once, install once, then switch themes.

Utility Materials for VS Code and Cursor
  1. Open the Extensions tab.
  2. Search for `Utility Materials`.
  3. Click `Install`.
InstallWeb pageMarketplace
  • The `vscode:` link is optional if you want to open the install directly.
  • Optional TV static and Markdown preview extras live on the source page.
Cursor

Install it from the Extensions tab

Same extension flow as VS Code.

Utility Materials for VS Code and Cursor
  1. Open the Extensions tab.
  2. Search for `Utility Materials`.
  3. Click `Install`.
InstallWeb pageMarketplace
  • Cursor uses the same theme package as VS Code.
  • The `cursor:` link is optional and community-documented.
Related Links

Marketplace and release pages.

VS Code marketplaceCursor marketplace