ui

Public

The Coline design system: accessible React components for Coline Apps, themed live by the host workspace, and for Coline Sites in light and dark. Tailwind v4 stylesheet included. MIT.

ui

Public

The Coline design system: accessible React components for Coline Apps, themed live by the host workspace, and for Coline Sites in light and dark. Tailwind v4 stylesheet included. MIT.

Radin fix(ui): keep menu surfaces identical to Coline; dialogs and sheets get a solid surface

… · Oct 1, 2026 at 07:144adc72a3125a History

569 B11 linestext/plain; charset=utf-8Last modified …

History BlameRaw

1	/**
2	* Solid surface for dialogs and sheets. Menus share Coline's translucent
3	* liquid surface (liquid-menu-surface.ts, kept identical to the platform);
4	* a modal holds reading content over the page, so it is never see-through.
5	*/
6	export const modalSurfaceClasses =
7	"rounded-2xl bg-popover border border-black/[0.08] text-popover-foreground" +
8	" shadow-[0_4px_16px_-4px_rgba(0,0,0,0.08),0_16px_48px_-12px_rgba(0,0,0,0.28)]" +
9	" dark:border-white/[0.09] dark:bg-[#141417]" +
10	" dark:shadow-[0_4px_16px_-4px_rgba(0,0,0,0.4),0_16px_48px_-12px_rgba(0,0,0,0.7)]";
11

Radin fix(ui): keep menu surfaces identical to Coline; dialogs and sheets get a solid surface

… · Oct 1, 2026 at 07:144adc72a3125a History

569 B11 linestext/plain; charset=utf-8Last modified …

History BlameRaw

1	/**
2	* Solid surface for dialogs and sheets. Menus share Coline's translucent
3	* liquid surface (liquid-menu-surface.ts, kept identical to the platform);
4	* a modal holds reading content over the page, so it is never see-through.
5	*/
6	export const modalSurfaceClasses =
7	"rounded-2xl bg-popover border border-black/[0.08] text-popover-foreground" +
8	" shadow-[0_4px_16px_-4px_rgba(0,0,0,0.08),0_16px_48px_-12px_rgba(0,0,0,0.28)]" +
9	" dark:border-white/[0.09] dark:bg-[#141417]" +
10	" dark:shadow-[0_4px_16px_-4px_rgba(0,0,0,0.4),0_16px_48px_-12px_rgba(0,0,0,0.7)]";
11