Theme Paper · paneui

Weekly notes

Three drafts are ready for review.

Draft

Installation

pnpm dlx shadcn@latest add @paneui/theme-paper

Usage

/* your Tailwind CSS file, after the theme */
@import "./theme-paper.css";

<html data-style="paper">

Examples

One Section

Use the attribute on a section to preview the style before switching the whole page.

What changes

Surfaces, greys and text turn warm, titles read --font-heading (a text serif), controls read --radius-control (pills), the base radius rises to 0.75rem and shadows soften. Accent presets, radius presets and dark mode keep working on top.

Fonts

The title serif ships with the fonts item. Without it, titles fall back to the system serif.