From f6563f22a9a0c9d876f80e8f758b902dcc3bec78 Mon Sep 17 00:00:00 2001 From: Martin Kagamino Lehoux Date: Tue, 6 Oct 2026 00:05:49 +0200 Subject: Restyle to a flat Miniflux-like design - hairline separators instead of bordered rows, square corners, no shadows - white background, system font stack, slimmer headings - pine green accent; amber warn ramp carries the attention marks (due/late/mid) - no hover backgrounds: hover is color/fill-state only - reserve bold nav tab width and the scrollbar gutter so navigation never shifts layout --- src/lib/components/FuzzyAutocomplete.svelte | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) (limited to 'src/lib/components/FuzzyAutocomplete.svelte') diff --git a/src/lib/components/FuzzyAutocomplete.svelte b/src/lib/components/FuzzyAutocomplete.svelte index f5bef94..da7327e 100644 --- a/src/lib/components/FuzzyAutocomplete.svelte +++ b/src/lib/components/FuzzyAutocomplete.svelte @@ -129,8 +129,6 @@ padding: 0.25rem; background: var(--surface); border: 1px solid var(--border); - border-radius: 0.75rem; - box-shadow: 0 4px 12px var(--shadow-accent); z-index: 20; max-height: 16rem; overflow-y: auto; @@ -138,7 +136,6 @@ .dropdown li { padding: 0.5rem 0.625rem; - border-radius: 0.5rem; cursor: pointer; display: flex; align-items: center; @@ -146,9 +143,13 @@ gap: 0.5rem; } - .dropdown li:hover, + .dropdown li:hover { + color: var(--accent); + } + .dropdown li.active { - background: var(--surface-hover); + color: var(--accent); + font-weight: 700; } .name :global(mark) { -- cgit v1.3