Clipman redesign

HTML/CSS mockups for the GTK4 + libadwaita rewrite of the clipboard popup. Designed against Catppuccin Mocha (dark) and warm stone (light); tokens in tokens.css map 1:1 to libadwaita widgets.

Surfaces

Main window

Clipboard popup — search, filter, pinned, day-grouped rows, footer.

Draft

Preferences

Settings moved from the inline panel into an Adw.Dialog with a sidebar: Appearance / Privacy / Shortcuts / Storage / Updates / About.

Draft

Snippets editor

Master-detail Adw.Dialog: searchable snippet list on the left, edit form on the right with monospace content, {{date}}/{{clipboard}} variables, use-count meta.

Draft

Edge states

15 states across 4 rendering modes (full-takeover Adw.StatusPage, AdwBanner-above-content, Adw.AlertDialog overlay, populated baseline). Sidebar picker; both themes.

Draft

libadwaita component map

UI element	Shipped (GTK 4)	Replaced (GTK 3)
Window title bar	`Adw.HeaderBar`	Custom CSD header
Search field	`Gtk.SearchEntry`	`Gtk.SearchEntry`
Filter tabs	Custom `filter-tab` toggle buttons	Custom `filter-tab` buttons
Settings (was inline)	`Adw.Dialog` with a sidebar	Inline settings panel inside main window
Day-grouped sections	`Gtk.ListView` section headers	Plain "TODAY" label
Clip row	Plain `Gtk.Box` rows in a virtualised `Gtk.ListView`	Hand-built Gtk.Box rows
Update banner	`Adw.Banner`	Custom `update-banner` box
Empty / no-results state	`Adw.StatusPage`	Hidden listbox
Snippets edit modal	`Adw.Dialog`	`Gtk.Dialog`
Toast notifications	(not used)	(none)

Design principles

Native GNOME feel. Looks like Files / Settings; no custom chrome that fights the desktop.
Settings out of the main view. The clipboard popup is for clipboard content; settings move to their own window.
Day-grouped rows. Pinned → Today → Yesterday → Earlier this week → Older. Easier to scan than a flat list.
Color-coded type icons. Text / image / link / code / snippet each get a tinted leading icon — at a glance.
Hover-only actions. Pin and delete buttons are invisible until you hover; reduces visual noise.
Catppuccin throughout. Both themes share the same tokens, only the palette changes.