Search
shadcn/ui themes · Theme pack

Party Themes

Six playful light and dark themes for shadcn/ui on Tailwind CSS v4. Paste one theme into your globals.css and every component changes outfit.

View the live demoCheckout coming soon

By Templates.party

Illustrated preview of the Party Themes theme pack for shadcn/uiLive demo
Works with
shadcn/ui on Tailwind CSS v4
Themes
6 · light + dark
Tokens
OKLCH + hex
Price
Pay what you want, from €0
What’s inside

Six themes, one paste

Each theme is a set of ordinary shadcn/ui CSS variables (31 colors in OKLCH, plus radius and fonts) with a light and a dark block, so buttons, forms, charts, tables and dialogs all follow along. Pick one, or ship all six and switch at runtime with a data-theme attribute.

Live switcher

A sample dashboard built from shadcn-style components. Switch themes and light or dark mode and watch it change.

Open in the demo (opens in a new tab)

All six themes

Every theme side by side, each rendered with its own colors, radius and fonts.

Open in the demo (opens in a new tab)

Tokens

All 31 color variables per theme, with OKLCH and hex values.

Open in the demo (opens in a new tab)

Install

Paste the theme, load the fonts, done. The steps for Tailwind CSS v4.

Open in the demo (opens in a new tab)

The six themes

  1. Confetti: pink and violet with a sunny pop
  2. Lagoon: cool teal and sea glass
  3. Sherbet: orange, peach and lemon
  4. Disco Night: electric indigo with a lime highlight
  5. Marmalade: burnt orange, ochre and olive
  6. Matcha: soft green with a blush accent

Built in

  • 31 color variables per theme in OKLCH, the format shadcn/ui uses on Tailwind CSS v4
  • Light and dark mode for every theme (:root and .dark blocks)
  • all-themes.css keyed by data-theme, for switching at runtime
  • party-themes-base.css with the Tailwind v4 @theme inline mapping, including a font-heading utility
  • tokens.json with every value in OKLCH and hex, light and dark
  • 10 free font families as woff2 (Latin subset) with a ready fonts.css

Palette & type

  • Confetti#CD167B
  • Lagoon#007A7B
  • Sherbet#FD8537
  • Disco Night#5443DB
  • Marmalade#B74B21
  • Matcha#33724C

Bricolage Grotesque, Inter, Plus Jakarta Sans, Fredoka, DM Sans, Space Grotesk, Fraunces, Figtree, Instrument Serif and Geist (self-hosted, OFL)

The swatches show each theme’s primary color in light mode. Party Themes is an independent theme pack and is not affiliated with shadcn/ui.

In the ZIP

  • themes/: one CSS file per theme, plus all-themes.css and party-themes-base.css
  • tokens.json: every value in OKLCH and hex, light and dark
  • fonts/: 10 font families as woff2, fonts.css and their OFL licenses
  • index.html + assets/: the demo page with the live switcher, as a reference
  • README with install steps for Tailwind CSS v4
  • LICENSE: commercial use, unlimited projects, client work

Sample content

The dashboard in the demo (guests, RSVPs, playlist songs and budget) is fictional sample data used to show the themes. The themes themselves contain no sample content, only CSS variables and fonts.

License

Pay what you want, once: no subscription. Use it for your own business or for client work, on unlimited projects. You can’t resell or redistribute it as a template. Full terms.

MCP access included

Every order comes with a license key, whatever amount you choose. The key unlocks MCP access, so AI assistants like Claude, ChatGPT or Cursor can read, customize and download the templates you own.

Keep exploring

More templates

Browse all

Ready to bring your ideas to life?

Every niche is on the guest list. Find the template that fits your next project.

Explore templates Browse categories