style: sidebar UX polish — unified dividers, letter-spacing, contrast, font floor

- Unify sidebar dividers: one dashed style + --sidebar-rule token (replaces 4 old tokens)
- Remove total-line border from invoice/value/summary groups (keep monthly only)
- Add --text-spacing-money: 0.05em token (was hardcoded 0.02em) for price readability
- Bump 6 font sizes from 8-10px to 0.6875rem (11px minimum floor)
- Darken --muted: Dark #9e9588→#b0a99f (6.6:1), Light #6a6157→#554e46 (6.5:1)
- Remove opacity on 9 text elements that were double-muting with --muted color
- Normalize divider weight across themes: Dark/Light 75%, Glass 0.16

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-18 17:35:31 -04:00
parent 9ba2bcf045
commit 4c53af96a9
5 changed files with 33 additions and 38 deletions

View File

@@ -87,10 +87,11 @@
--text-copy-line: 1.76;
--text-compact-line: 1.58;
--text-title-line: 1.24;
--text-spacing-money: 0.05em;
--ink: #e8e3da; /* warm beige-white — brighter for legibility */
--paper: #1c1a17; /* darker base — widens gap vs card for panel float */
--accent: #3d8aba; /* lifted blue — pops on dark backgrounds */
--muted: #9e9588; /* softer secondary — clearly subordinate but readable */
--muted: #b0a99f; /* softer secondary — clearly subordinate but readable (6.6:1) */
--border: #35322c; /* subtler dividers */
--border-soft: var(--border);
--card: #272420; /* elevated surface — clear separation from paper */
@@ -260,10 +261,8 @@
--sidebar-zone-value: rgba(58, 184, 112, 0.05);
--sidebar-zone-summary: rgba(255, 255, 255, 0.03);
--sidebar-zone-tax: transparent;
--sidebar-line-rule: color-mix(in srgb, var(--border) 88%, transparent);
--sidebar-line-rule-style: dashed;
--sidebar-total-rule: var(--border);
--sidebar-total-rule-style: solid;
--sidebar-rule: color-mix(in srgb, var(--border) 75%, transparent);
--sidebar-rule-style: dashed;
--sidebar-row-stripe: rgba(255, 255, 255, 0.018);
--sidebar-group-title-color: var(--muted);
--sidebar-stack-gap: 14px;