Skip to main content
ParticleUI
ParticleUI

Themes

Starter themes for ParticleUI — each is a set of OKLCH token overrides for your globals.css. Install via the CLI or copy the CSS directly.

The default ParticleUI palette is warm espresso dark with cream accents. These themes swap out the accent hue and surface tint — all semantic tokens (success, error, warning, info) stay the same.

Monofree

Pure grayscale — zero chroma, maximum contrast. Timeless monochrome.

Rosefree

Warm rose/pink accent on deep garnet surfaces. Dramatic and editorial.

Slatefree

Cool blue-gray surfaces with an electric blue accent. The canonical dark-tech look.

How themes work

  1. 1

    Install via CLI

    Run the install command shown on the theme page. It writes a CSS file to your project and optionally imports it.

    npx particleui-cli add slate
  2. 2

    Or copy the CSS

    Open the theme page, copy the CSS block, and paste it into your globals.css — replacing or extending the existing .dark and .light overrides.

  3. 3

    Customize further

    Use the Theme Generator to fine-tune any OKLCH value. All components derive from the same token system, so changing one token recolors everything.