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

@@ -191,8 +191,7 @@ html {
--sidebar-zone-value: rgba(99, 216, 162, 0.04);
--sidebar-zone-summary: rgba(105, 200, 255, 0.03);
--sidebar-row-stripe: rgba(105, 200, 255, 0.03);
--sidebar-line-rule: rgba(143, 183, 221, 0.12);
--sidebar-total-rule: rgba(143, 183, 221, 0.22);
--sidebar-rule: rgba(143, 183, 221, 0.16);
}
body {
@@ -469,10 +468,10 @@ body::before {
border-color: var(--glass-divider) !important;
}
.sidebar-line {
border-bottom-color: var(--glass-divider) !important;
border-bottom-color: var(--sidebar-rule) !important;
}
.sidebar-line.sidebar-line-total {
border-top-color: var(--sidebar-total-rule) !important;
border-top-color: var(--sidebar-rule) !important;
border-bottom: none !important;
}