Search Panel
Full-screen overlay search with a main query field, a compact secondary search,
a recent items list, and a people picker. The header avatar background is filled
with --color-primary. No choice field — a single comprehensive layout is used.
CSS variables
| Variable | Theme field | Used for |
|---|---|---|
--color-surface | global_colors.menu_background | Main panel background, search result back area, large search field background |
--color-page-bg | global_colors.page_color | Small and field search backgrounds, first result item highlighted background |
--color-border | global_colors.border_color | Panel drop-shadow, header divider, info icon shadow, bottom-line dividers, people section muted text, rounded circle background |
--color-primary | global_colors.primary_color | Search action button, avatar background |
--color-heading | global_colors.heading_color | Highlighted first result item text |
--color-body | global_colors.body_color | Result text, column labels, user group icon, search icon, back button icon |
Search overlay
Full overlay layout with all search sections. The avatar background uses --color-primary directly. All search field backgrounds use --color-page-bg for a recessed appearance.
Journey
Country
People found
15