theme

Clipman redesign

HTML/CSS mockups for the GTK4 + libadwaita rewrite of the clipboard popup. Designed against Catppuccin Mocha/Latte; 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 extracted from the inline panel into AdwPreferencesWindow with groups: 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 libadwaita widget Replaces (current)
Window title bar Adw.HeaderBar Custom CSD header
Search field Adw.EntryRow (search) Gtk.SearchEntry
Filter tabs Adw.ViewSwitcher (pill) Custom filter-tab buttons
Settings (was inline) Adw.PreferencesWindow Inline settings panel inside main window
Day-grouped sections Adw.PreferencesGroup Plain "TODAY" label
Clip row Adw.ActionRow 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 Adw.Toast (none today)

Design principles