diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-10-06 00:05:49 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-10-06 00:05:49 +0200 |
| commit | f6563f22a9a0c9d876f80e8f758b902dcc3bec78 (patch) | |
| tree | 5b7fc20b153a7ba6c172de8bbb32a743ed5e70f7 /src/lib/components/StatusBadge.svelte | |
| parent | 3dccdc1d11845edabe238e5cfd9a175c3dae208e (diff) | |
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
Diffstat (limited to 'src/lib/components/StatusBadge.svelte')
| -rw-r--r-- | src/lib/components/StatusBadge.svelte | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/src/lib/components/StatusBadge.svelte b/src/lib/components/StatusBadge.svelte index 2bbdf5a..ffa976b 100644 --- a/src/lib/components/StatusBadge.svelte +++ b/src/lib/components/StatusBadge.svelte @@ -38,7 +38,6 @@ justify-content: center; width: 1.5rem; height: 1.5rem; - border-radius: 0.375rem; font-size: 0.875rem; font-weight: 700; line-height: 1; @@ -50,12 +49,12 @@ } .due { - background: var(--shadow-accent); - color: var(--accent); + background: var(--warn-bg); + color: var(--warn); } .late { - background: var(--accent); + background: var(--warn); color: var(--white); } |